1248 lines
21 KiB
SCSS
1248 lines
21 KiB
SCSS
//
|
|
// Tab overrides
|
|
//
|
|
GeditNotebook.notebook,
|
|
ScratchMainWindow .notebook,
|
|
EphyNotebook.notebook,
|
|
MidoriNotebook .notebook,
|
|
TerminalWindow .notebook,
|
|
PantheonTerminalPantheonTerminalWindow .notebook {
|
|
tab.reorderable-page.top,
|
|
tab.top {
|
|
&:active,
|
|
&.active-page,
|
|
&.active-page:hover {
|
|
box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color,
|
|
inset 1px 0 $borders_color, inset -1px 0 $borders_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
TerminalWindow .notebook,
|
|
PantheonTerminalPantheonTerminalWindow .notebook {
|
|
tab.reorderable-page.top,
|
|
tab.top {
|
|
padding-top: 7px;
|
|
border-top-width: 3px;
|
|
}
|
|
|
|
&.header.top {
|
|
box-shadow: inset 0 1px opacify($header_border, 1), inset 0 -1px $borders_color;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Evolution
|
|
//
|
|
// needed for webkit/GtkStyle/Evolution compatibility
|
|
GtkHTML {
|
|
background-color: $bg_color;
|
|
color: $text_color;
|
|
|
|
&:active {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Sushi
|
|
//
|
|
// used by gnome-font-viewer and sushi
|
|
SushiFontWidget {
|
|
padding: 6px 12px;
|
|
}
|
|
|
|
//
|
|
// GNOME System Monitor
|
|
//
|
|
#gnome-system-monitor headerbar {
|
|
// we have to do this because the headerbar is moved into the toolbar
|
|
// position in DE's like Cinnamon
|
|
box-shadow: none;
|
|
}
|
|
|
|
//
|
|
// GNOME Terminal
|
|
//
|
|
vte-terminal.terminal-screen {
|
|
-terminalscreen-background-darkness: 1;
|
|
background-color: #3f3f3f;
|
|
color: #fff;
|
|
}
|
|
|
|
terminal-screen-container,
|
|
terminal-screen-container scrollbar:not(slider) {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
TerminalWindow {
|
|
.notebook {
|
|
tab .button {
|
|
color: mix($bg_color, $fg_color, 35%);
|
|
|
|
&:hover {
|
|
color: $fg_color;
|
|
border-color: $button_border;
|
|
background-color: $button_bg;
|
|
}
|
|
}
|
|
.active-page,
|
|
.prelight-page {
|
|
.button {
|
|
@extend %undecorated_button;
|
|
&:hover {
|
|
color: lighten(red, 15%);
|
|
@extend %undecorated_button;
|
|
}
|
|
&:active {
|
|
color: $selected_bg_color;
|
|
@extend %undecorated_button;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//
|
|
// MATE Terminal
|
|
//
|
|
vte-terminal {
|
|
-terminalscreen-background-darkness: 1;
|
|
background-color: #3f3f3f;
|
|
color: #fff;
|
|
}
|
|
|
|
//
|
|
// Nautilus
|
|
//
|
|
.nautilus-canvas-item {
|
|
border-radius: 2px;
|
|
}
|
|
|
|
%nautilus_canvas_item,
|
|
.nautilus-desktop.nautilus-canvas-item {
|
|
color: $selected_fg_color;
|
|
text-shadow: 1px 1px transparentize(black, 0.4);
|
|
|
|
&:active {
|
|
color: $fg_color;
|
|
}
|
|
&:selected {
|
|
color: $selected_fg_color;
|
|
}
|
|
}
|
|
|
|
.nautilus-canvas-item.dim-label,
|
|
.nautilus-list-dim-label {
|
|
color: mix($fg_color, $bg_color, 50%);
|
|
|
|
&:selected,
|
|
&:selected:focus {
|
|
color: mix($selected_fg_color, $selected_bg_color, 80%);
|
|
}
|
|
}
|
|
|
|
.nautilus-window {
|
|
paned > separator {
|
|
background-image: _solid($dark_sidebar_border);
|
|
}
|
|
}
|
|
|
|
.nautilus-window,
|
|
filechooser {
|
|
.csd.background,
|
|
placessidebar list {
|
|
background-color: transparent;
|
|
}
|
|
|
|
placessidebar.sidebar list {
|
|
background-color: $dark_sidebar_bg;
|
|
|
|
row.sidebar-row {
|
|
border: none;
|
|
color: $dark_sidebar_fg;
|
|
|
|
&.has-open-popup,
|
|
&:hover {
|
|
background-color: transparentize($dark_sidebar_fg, 0.85);
|
|
}
|
|
|
|
&:disabled {
|
|
&,
|
|
label,
|
|
image {
|
|
color: transparentize($dark_sidebar_fg, 0.6);
|
|
}
|
|
}
|
|
|
|
&:selected.has-open-popup,
|
|
&:selected,
|
|
&:selected:hover,
|
|
&:active:hover {
|
|
@extend %selected_items;
|
|
|
|
.sidebar-icon {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
&:not(:selected) button.sidebar-button {
|
|
color: $dark_sidebar_fg;
|
|
|
|
&:hover {
|
|
@include button(osd-hover);
|
|
}
|
|
&:active {
|
|
@include button(active);
|
|
}
|
|
|
|
&:not(:hover):not(:active) > image {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
&.sidebar-new-bookmark-row {
|
|
color: $selected_bg_color;
|
|
|
|
.sidebar-icon {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
&:drop(active):not(:disabled) {
|
|
&,
|
|
label,
|
|
.sidebar-icon {
|
|
color: $drop_target_color;
|
|
}
|
|
|
|
&:selected {
|
|
&,
|
|
label,
|
|
.sidebar-icon {
|
|
color: $selected_fg_color;
|
|
}
|
|
background-color: $drop_target_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
separator {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
&.maximized placessidebar.sidebar {
|
|
background-color: opacify($dark_sidebar_bg, 1);
|
|
}
|
|
}
|
|
|
|
filechooser placessidebar > viewport.frame {
|
|
border: 1px solid $borders_color;
|
|
border-width: 1px 0 0 0;
|
|
}
|
|
|
|
NautilusQueryEditor .search-bar.toolbar {
|
|
padding: 5px;
|
|
box-shadow: none;
|
|
background-color: $base_color;
|
|
}
|
|
|
|
.nautilus-circular-button.image-button.button {
|
|
border-radius: 50%;
|
|
-gtk-outline-radius: 50%;
|
|
padding: 8px;
|
|
}
|
|
|
|
$disk_space_unknown: transparentize($fg_color, 0.5);
|
|
$disk_space_used: transparentize($selected_bg_color, 0.2);
|
|
$disk_space_free: darken($bg_color, 3%);
|
|
|
|
.disk-space-display {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
|
|
&.unknown {
|
|
background-color: $disk_space_unknown;
|
|
border-color: darken($disk_space_unknown, 10%);
|
|
}
|
|
&.used {
|
|
background-color: $disk_space_used;
|
|
border-color: darken($disk_space_used, 10%);
|
|
}
|
|
&.free {
|
|
background-color: $disk_space_free;
|
|
border-color: darken($disk_space_free, 10%);
|
|
}
|
|
}
|
|
|
|
// View
|
|
NautilusListView .view {
|
|
border-bottom: 1px solid $borders_color;
|
|
}
|
|
|
|
//
|
|
// Nemo
|
|
//
|
|
.nemo-desktop.nemo-canvas-item {
|
|
@extend %nautilus_canvas_item;
|
|
}
|
|
|
|
.nemo-window {
|
|
.nemo-window-pane widget.entry {
|
|
border: 1px solid;
|
|
border-radius: 3px;
|
|
|
|
@include entry(focus);
|
|
|
|
&:selected {
|
|
&:focus,
|
|
& {
|
|
@extend %selected_items;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nemo-inactive-pane .view {
|
|
background-color: darken($base_color, 5%);
|
|
|
|
&:selected {
|
|
&:focus,
|
|
& {
|
|
@extend %selected_items;
|
|
}
|
|
}
|
|
}
|
|
|
|
.places-treeview {
|
|
-NemoPlacesTreeView-disk-full-bg-color: $progress_bg_color;
|
|
-NemoPlacesTreeView-disk-full-fg-color: $progress_color;
|
|
-GtkTreeView-vertical-separator: 5;
|
|
|
|
.view.cell:hover {
|
|
background-color: $selected_bg_color;
|
|
}
|
|
}
|
|
|
|
.nemo-places-sidebar.frame {
|
|
border-width: 0;
|
|
}
|
|
|
|
.sidebar {
|
|
color: $dark_sidebar_fg;
|
|
background-color: $dark_sidebar_bg;
|
|
|
|
.frame {
|
|
border: none;
|
|
}
|
|
|
|
.view,
|
|
row {
|
|
background-color: transparent;
|
|
color: $dark_sidebar_fg;
|
|
|
|
&.cell:selected {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
}
|
|
|
|
&.expander {
|
|
color: mix($dark_sidebar_fg, $dark_sidebar_bg, 50%);
|
|
|
|
&:hover {
|
|
color: $dark_sidebar_fg;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* This is to keep the separator next to the sidebar dark so we don't see a gap
|
|
between it and the trash bar */
|
|
grid > paned > separator {
|
|
background-image: _solid($borders_color);
|
|
}
|
|
|
|
// Fix padding of the statusbar buttons
|
|
& widget .toolbar .image-button {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Caja
|
|
//
|
|
|
|
.caja-navigation-window {
|
|
/* This seems to be needed to get proper highlighting in the caja view
|
|
* when split panes are used. Without it the inactive pane isn't displayed
|
|
* properly
|
|
*/
|
|
.view .cell:selected {
|
|
&,
|
|
&:focus {
|
|
background-image: _solid($selected_bg_color);
|
|
|
|
@extend %selected_items;
|
|
}
|
|
}
|
|
|
|
.frame {
|
|
border-width: 1px 0 1px 0;
|
|
}
|
|
|
|
.caja-side-pane {
|
|
.view,
|
|
textview text,
|
|
notebook {
|
|
background-color: $dark_sidebar_bg;
|
|
color: $dark_sidebar_fg;
|
|
}
|
|
|
|
.frame {
|
|
border-width: 1px 0 0 0;
|
|
}
|
|
|
|
.view > box,
|
|
viewport.frame {
|
|
border: 1px solid $borders_color;
|
|
border-width: 1px 0 0 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
//
|
|
// Gedit
|
|
//
|
|
.gedit-headerbar-paned {
|
|
color: $header_border;
|
|
}
|
|
.gedit-side-panel-paned > separator {
|
|
background-image: _solid($dark_sidebar_border);
|
|
}
|
|
.gedit-bottom-panel-paned > separator {
|
|
background-image: _solid($borders_color);
|
|
}
|
|
|
|
.open-document-selector-treeview.view {
|
|
padding: 3px 6px 3px 6px;
|
|
border-color: $base_color; // disable borders, making them transparent doesn't work for some reason
|
|
|
|
&:hover {
|
|
background-color: transparentize(black, 0.95);
|
|
|
|
&:selected {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.open-document-selector-name-label {
|
|
color: $fg_color;
|
|
}
|
|
|
|
.open-document-selector-path-label {
|
|
color: mix($fg_color, $base_color, 50%);
|
|
font-size: smaller;
|
|
|
|
&:selected {
|
|
color: transparentize($selected_fg_color, 0.1);
|
|
}
|
|
}
|
|
|
|
.gedit-document-panel {
|
|
background-color: $dark_sidebar_bg;
|
|
|
|
row {
|
|
color: $dark_sidebar_fg;
|
|
background-color: transparentize($dark_sidebar_fg, 1);
|
|
|
|
&:hover {
|
|
background-color: transparentize($dark_sidebar_fg, 0.85);
|
|
}
|
|
&:active {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
|
|
button {
|
|
color: $selected_fg_color;
|
|
}
|
|
}
|
|
&:selected,
|
|
&:selected:hover {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
}
|
|
&:hover:not(:selected) button:active {
|
|
color: $dark_sidebar_fg;
|
|
}
|
|
}
|
|
|
|
row button {
|
|
min-width: 22px;
|
|
min-height: 22px;
|
|
color: transparent;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
padding: 4px;
|
|
|
|
image {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
row:hover:not(:selected) button {
|
|
color: mix($bg_color, $fg_color, 35%);
|
|
|
|
&:hover {
|
|
color: lighten(red, 15%);
|
|
}
|
|
&:active {
|
|
color: $fg_color;
|
|
}
|
|
}
|
|
|
|
row:hover:selected button:hover {
|
|
color: lighten(red, 20%);
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
|
|
&:active {
|
|
color: $selected_fg_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.gedit-document-panel-dragged-row {
|
|
border: 1px solid $borders_color;
|
|
background-color: darken($bg_color, 10%);
|
|
color: $fg_color;
|
|
}
|
|
|
|
.gedit-side-panel-paned statusbar {
|
|
border-top: 1px solid $borders_color;
|
|
background-color: $bg_color;
|
|
}
|
|
|
|
.gedit-search-slider {
|
|
@extend %search_slider;
|
|
}
|
|
|
|
.gedit-search-entry-occurrences-tag {
|
|
color: transparentize($fg_color, 0.4);
|
|
border: none;
|
|
margin: 2px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.gedit-map-frame {
|
|
border {
|
|
border-width: 0;
|
|
|
|
&:dir(ltr) {
|
|
border-left-width: 1px;
|
|
}
|
|
&:dir(rtl) {
|
|
border-right-width: 1px;
|
|
}
|
|
}
|
|
}
|
|
|
|
%search_slider {
|
|
background-color: lighten($bg_color, 2%);
|
|
padding: 6px;
|
|
border-color: $borders_color;
|
|
border-radius: 0 0 2px 2px;
|
|
border-width: 0 1px 1px 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
//
|
|
// Pluma
|
|
//
|
|
|
|
.pluma-window statusbar frame > border {
|
|
border: none;
|
|
}
|
|
|
|
.pluma-window notebook > stack scrolledwindow {
|
|
border-width: 0 0 1px 0;
|
|
}
|
|
|
|
#pluma-status-combo-button {
|
|
min-height: 0;
|
|
padding: 0;
|
|
|
|
border-top: none;
|
|
border-bottom: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
//
|
|
// Gnome Builder
|
|
//
|
|
.gb-search-entry-occurrences-tag {
|
|
background: none;
|
|
}
|
|
|
|
workbench.csd > stack.titlebar:not(headerbar) {
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
|
|
headerbar {
|
|
&,
|
|
&:first-child,
|
|
&:last-child {
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
editortweak .linked > entry.search:focus + .gb-linked-scroller {
|
|
border-top-color: $selected_bg_color;
|
|
}
|
|
|
|
layouttab {
|
|
background-color: $base_color;
|
|
}
|
|
|
|
layout {
|
|
border: 1px solid $borders_color;
|
|
-pnldockbin-handle-size: 1;
|
|
}
|
|
|
|
eggsearchbar box.search-bar {
|
|
border-bottom: 1px solid $borders_color;
|
|
}
|
|
|
|
pillbox {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
border-radius: 3px;
|
|
|
|
&:disabled label {
|
|
color: transparentize($selected_fg_color, 0.5);
|
|
}
|
|
}
|
|
|
|
docktabstrip {
|
|
padding: 0 6px;
|
|
|
|
background-color: $bg_color;
|
|
border-bottom: 1px solid $borders_color;
|
|
|
|
docktab {
|
|
min-height: 28px;
|
|
border: solid transparent;
|
|
border-width: 0 1px;
|
|
|
|
label {
|
|
opacity: 0.5;
|
|
}
|
|
&:checked,
|
|
&:hover {
|
|
label {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&:checked {
|
|
border-color: $borders_color;
|
|
background-color: $base_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
dockbin {
|
|
border: 1px solid $borders_color;
|
|
-pnldockbin-handle-size: 1;
|
|
}
|
|
|
|
dockpaned {
|
|
border: 1px solid $borders_color;
|
|
}
|
|
|
|
dockoverlayedge {
|
|
background-color: $bg_color;
|
|
|
|
docktabstrip {
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
&.left-edge tab:checked,
|
|
&.right-edge tab:checked {
|
|
border-width: 1px 0;
|
|
}
|
|
}
|
|
|
|
popover.messagepopover {
|
|
&.background {
|
|
padding: 0;
|
|
}
|
|
|
|
.popover-content-area {
|
|
margin: 16px;
|
|
}
|
|
.popover-action-area {
|
|
margin: 8px;
|
|
|
|
button:not(:first-child):not(:last-child) {
|
|
margin: 0 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
popover.popover-selector {
|
|
padding: 0;
|
|
|
|
list {
|
|
row {
|
|
padding: 5px 0;
|
|
}
|
|
row image {
|
|
margin-left: 3px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
entry.search.preferences-search {
|
|
border: none;
|
|
border-right: 1px solid $borders_color;
|
|
border-bottom: 1px solid $borders_color;
|
|
border-radius: 0;
|
|
}
|
|
|
|
preferences stacksidebar.sidebar {
|
|
list {
|
|
background-image: _solid($base_color);
|
|
}
|
|
|
|
list separator {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
devhelppanel entry:focus,
|
|
symboltreepanel entry:focus {
|
|
border-color: $borders_color;
|
|
}
|
|
|
|
button.run-arrow-button {
|
|
min-width: 12px;
|
|
}
|
|
|
|
omnibar.linked > entry:not(:only-child) {
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
margin-left: 1px;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
gstyleslidein {
|
|
#scale_box,
|
|
#strings_controls,
|
|
#palette_controls,
|
|
#components_controls {
|
|
button.toggle:checked {
|
|
color: $fg_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
configurationview {
|
|
entry.flat {
|
|
background: none;
|
|
}
|
|
list {
|
|
border-width: 0;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Epiphany / Xreader
|
|
//
|
|
EphyWindow .floating-bar {
|
|
// Epiphany overrides the floating-bar style, so reset it
|
|
color: $fg_color;
|
|
}
|
|
|
|
.xreader-window .primary-toolbar .button.the-button-in-the-combobox {
|
|
@include button(header-hover);
|
|
|
|
&:hover {
|
|
background-color: lighten($header_button_bg, 15%);
|
|
}
|
|
&:disabled {
|
|
color: transparentize($header_fg, 0.4);
|
|
}
|
|
}
|
|
|
|
//
|
|
// Gnome Calendar
|
|
//
|
|
calendar-view event {
|
|
&.color-light label {
|
|
color: black;
|
|
}
|
|
&.color-light.timed label {
|
|
color: $fg_color;
|
|
}
|
|
|
|
&.color-dark label {
|
|
color: white;
|
|
}
|
|
&.color-dark.timed label {
|
|
color: $fg_color;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Gnome Documents
|
|
//
|
|
.documents-scrolledwin.frame {
|
|
border-width: 0;
|
|
}
|
|
|
|
button.documents-load-more {
|
|
border-width: 1px 0 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.documents-icon-bg {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.documents-collection-icon {
|
|
background-color: transparentize($fg_color, 0.7);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.documents-favorite.button:active,
|
|
.documents-favorite.button:active:hover {
|
|
color: lighten($selected_bg_color, 20%);
|
|
}
|
|
|
|
.documents-entry-tag {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
border-radius: 2px;
|
|
border-width: 0;
|
|
margin: 2px;
|
|
padding: 4px;
|
|
|
|
&:hover {
|
|
color: $selected_fg_color;
|
|
background-color: lighten($selected_bg_color, 4%);
|
|
}
|
|
&:active {
|
|
color: $selected_fg_color;
|
|
background-color: darken($selected_bg_color, 4%);
|
|
}
|
|
}
|
|
|
|
//
|
|
// Gnome Photos
|
|
//
|
|
.photos-entry-tag {
|
|
@extend .documents-entry-tag;
|
|
}
|
|
|
|
.photos-collection-icon {
|
|
@extend .documents-collection-icon;
|
|
}
|
|
|
|
.photos-fade-in {
|
|
opacity: 1;
|
|
transition: opacity 0.2s ease-out;
|
|
}
|
|
|
|
.photos-fade-out {
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-out;
|
|
}
|
|
|
|
//
|
|
// Gnome Tweak Tool
|
|
//
|
|
.tweak-categories,
|
|
.tweak-category:not(:selected):not(:hover) {
|
|
background-image: _solid($base_color);
|
|
}
|
|
|
|
.content-view.document-page {
|
|
border-style: solid;
|
|
border-width: 3px 3px 6px 4px;
|
|
border-image: url('assets/thumbnail-frame.png') 3 3 6 4;
|
|
}
|
|
|
|
//
|
|
// Totem
|
|
//
|
|
TotemGrilo.vertical GdMainView.frame {
|
|
border-width: 0;
|
|
}
|
|
|
|
//
|
|
// Synapse
|
|
//
|
|
SynapseGuiSelectionContainer *:selected,
|
|
SynapseGuiViewVirgilio *:selected {
|
|
background-color: $selected_bg_color;
|
|
}
|
|
|
|
//
|
|
// Transmission
|
|
//
|
|
.tr-workarea .undershoot,
|
|
.tr-workarea .overshoot {
|
|
border-color: transparent; // Remove black border on over- and undershoot
|
|
}
|
|
|
|
//
|
|
// Fallback Mode/Budgie Panel/Mate Panel
|
|
//
|
|
.gnome-panel-menu-bar,
|
|
.mate-panel-menu-bar {
|
|
color: $panel_fg;
|
|
background-color: $panel_bg;
|
|
|
|
&,
|
|
menubar {
|
|
background-color: $panel_bg;
|
|
}
|
|
|
|
menubar,
|
|
#PanelApplet label,
|
|
#PanelApplet image {
|
|
color: $panel_fg;
|
|
}
|
|
|
|
menu > menuitem {
|
|
color: $fg_color;
|
|
}
|
|
|
|
button:not(#tasklist-button) {
|
|
@extend %panelbutton;
|
|
}
|
|
|
|
button,
|
|
#tasklist-button {
|
|
label,
|
|
image {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
#tasklist-button {
|
|
color: $panel_fg;
|
|
border-radius: 0;
|
|
border: none;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
|
|
&:hover {
|
|
background-color: transparentize(white, 0.95);
|
|
}
|
|
|
|
&:checked,
|
|
&:active {
|
|
background-color: $selected_bg_color;
|
|
|
|
label {
|
|
color: white;
|
|
}
|
|
}
|
|
}
|
|
|
|
PanelSeparator {
|
|
color: rgba(255, 255, 255, 0);
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
na-tray-applet {
|
|
-natrayapplet-icon-padding: 1px;
|
|
}
|
|
}
|
|
|
|
MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
|
|
background-image: none;
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
}
|
|
|
|
.mintmenu:hover {
|
|
background-color: lighten($panel_bg, 5%);
|
|
}
|
|
.mintmenu:selected {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
}
|
|
|
|
.wnck-pager {
|
|
background-color: transparentize(black, 0.96);
|
|
|
|
&:selected {
|
|
background-color: transparentize($selected_bg_color, 0.4);
|
|
}
|
|
&:hover {
|
|
background-color: transparentize($selected_bg_color, 0.8);
|
|
}
|
|
}
|
|
|
|
// Xfce Panel
|
|
.xfce4-panel.panel {
|
|
background-color: #393939;
|
|
color: $panel_fg;
|
|
|
|
button {
|
|
@extend %panelbutton;
|
|
}
|
|
|
|
frame > border {
|
|
border: 0;
|
|
}
|
|
label {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
%panelbutton {
|
|
color: $panel_fg;
|
|
border-radius: 0;
|
|
border: none;
|
|
background-color: transparentize($panel_bg, 1);
|
|
|
|
&:hover {
|
|
border: none;
|
|
background-color: lighten($panel_bg, 10%);
|
|
}
|
|
|
|
&:active,
|
|
&:checked {
|
|
color: $selected_fg_color;
|
|
border: none;
|
|
background-color: $selected_bg_color;
|
|
}
|
|
|
|
label,
|
|
image {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Floating Bar
|
|
//
|
|
.floating-bar {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
|
|
&.top {
|
|
border-radius: 0 0 2px 2px;
|
|
}
|
|
&.right {
|
|
border-radius: 2px 0 0 2px;
|
|
}
|
|
&.bottom {
|
|
border-radius: 2px 2px 0 0;
|
|
}
|
|
&.left {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
|
|
.button {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
// Elementary Apps
|
|
|
|
//
|
|
// Birdie
|
|
//
|
|
BirdieWidgetsTweetList * {
|
|
background-image: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
//
|
|
// Marlin / Pantheon Files
|
|
//
|
|
MarlinViewWindow {
|
|
*:selected,
|
|
*:selected:focus {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
outline-color: transparent;
|
|
}
|
|
GtkIconView.view:selected {
|
|
&,
|
|
&:focus,
|
|
&:hover,
|
|
&:focus:hover {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
FMListView,
|
|
FMColumnView {
|
|
outline-color: transparent;
|
|
}
|
|
}
|
|
|
|
.marlin-pathbar.pathbar {
|
|
border-radius: 3px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
|
|
@include entry(header-normal);
|
|
|
|
&:focus {
|
|
@include entry(header-focus);
|
|
}
|
|
|
|
&:disabled {
|
|
@include entry(header-insensitive);
|
|
}
|
|
|
|
&:active,
|
|
&:checked {
|
|
color: $selected_bg_color;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Gala
|
|
//
|
|
.gala-notification {
|
|
border: 1px solid rgba(0, 0, 0, 0.35);
|
|
border-radius: 3px;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
background-color: white;
|
|
|
|
.title,
|
|
.label {
|
|
color: #5c616c;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Pantheon Terminal
|
|
//
|
|
PantheonTerminalPantheonTerminalWindow.background {
|
|
background-color: transparent;
|
|
}
|
|
|
|
//
|
|
// Switchboard
|
|
//
|
|
SwitchboardCategoryView .view:selected,
|
|
SwitchboardCategoryView .view:selected:focus {
|
|
color: $fg_color;
|
|
}
|
|
|
|
//
|
|
// Cinnamon Settings
|
|
//
|
|
.cs-header {
|
|
padding: 6px;
|
|
background-color: darken($bg_color, 1%);
|
|
border-bottom: 1px solid $borders_color;
|
|
}
|
|
|
|
//
|
|
// Xed
|
|
//
|
|
.xed-window {
|
|
.xed-panel {
|
|
&.side notebook tab.top {
|
|
padding: 8px 12px;
|
|
}
|
|
&.bottom notebook.frame {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.small-button {
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.xed-searchbar {
|
|
border: 0px solid $borders_color;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
statusbar {
|
|
& widget border {
|
|
border-color: transparent;
|
|
}
|
|
// remove some extra padding
|
|
button,
|
|
widget frame,
|
|
widget frame border {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.xed-goto-line-box {
|
|
@extend %search_slider;
|
|
}
|
|
}
|
|
|
|
//
|
|
// XReader
|
|
//
|
|
EvWindow .content-view .view:selected,
|
|
EvWindow .content-view .view:focus:selected {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
}
|
|
|
|
%dark_sidebar_button {
|
|
@include button(osd);
|
|
|
|
&:hover {
|
|
@include button(osd-hover);
|
|
}
|
|
&:active,
|
|
&:checked {
|
|
@include button(osd-active);
|
|
}
|
|
&:disabled {
|
|
@include button(osd-insensitive);
|
|
}
|
|
}
|
|
|
|
//
|
|
// Thunar
|
|
//
|
|
.thunar {
|
|
.sidebar .view {
|
|
background-color: $dark_sidebar_bg;
|
|
color: $dark_sidebar_fg;
|
|
|
|
&:selected,
|
|
&:active {
|
|
background: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
}
|
|
}
|
|
|
|
toolbar.horizontal button image {
|
|
-gtk-icon-transform: scale(0.9);
|
|
}
|
|
}
|