diff --git a/gtk-3.20/gtk-widgets.css b/gtk-3.20/gtk-widgets.css deleted file mode 100644 index ccf8461..0000000 --- a/gtk-3.20/gtk-widgets.css +++ /dev/null @@ -1,2641 +0,0 @@ -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-has-secondary-backward-stepper: false; - -GtkScrollbar-has-secondary-forward-stepper: false; - -GtkScrolledwindow-scrollbar-spacing: 0; - -GtkScrolledwindow-scrollbars-within-bevel: 1; - -GtkTextView-error-underline-color: @error_color; - -GtkToolbutton-icon-spacing: 6; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkTreeview-expander-size: 8; - background-clip: padding-box; - outline-width: 1px; - outline-offset: -3px; - outline-style: dashed; - outline-color: @outline_color; - -gtk-outline-radius: 0; } - -.background { - color: @theme_fg_color; - background-color: alpha(@theme_bg_color, 0.999); } - .background:backdrop { - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_bg_color; } - -*:disabled { - -gtk-icon-effect: dim; } -*:hover { - -gtk-icon-effect: highlight; } - -.gtkstyle-fallback { - color: @theme_fg_color; - background-color: @theme_bg_color; } - .gtkstyle-fallback:hover { - color: @theme_fg_color; - background-color: shade(@theme_bg_color, 1.1); } - .gtkstyle-fallback:active { - color: @theme_fg_color; - background-color: shade(@theme_bg_color, 0.9); } - .gtkstyle-fallback:disabled { - color: @theme_disabled_fg_color; - background-color: @theme_disabled_bg_color; } - .gtkstyle-fallback:selected { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - -image, image:disabled, label, label:disabled, box, box:disabled { - background-color: transparent; } - -label selection { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } -label.dim-label, label.separator, popover label.separator, popover.background label.separator, label:disabled { - opacity: 0.55; } - -button { - transition: border 100ms ease-in-out; } - -entry { - transition: border 100ms ease-out; } - entry:focus { - transition: border 100ms ease-in; } - -notebook tab label, notebook .prelight-page, notebook .prelight-page label, notebook .active-page, notebook .active-page label { - transition: all 200ms ease-in; } - -scale, progressbar { - transition: 200ms ease-out; } - scale:backdrop, progressbar:backdrop { - transition: 200ms ease-out; } - -scale slider, switch slider { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale slider:backdrop, switch slider:backdrop { - transition: 200ms ease-out; } -scale:backdrop slider, switch:backdrop slider { - transition: 200ms ease-out; } - -scrollbar { - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar:backdrop { - transition: 200ms ease-out; } - scrollbar slider { - transition: 200ms ease-out; } - -decoration { - transition: 200ms ease-out; } - decoration:backdrop { - transition: 200ms ease-out; } - -assistant .sidebar label.highlight { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } -assistant .sidebar { - padding: 4px; - border-width: 0 1px 0 0; - border-style: solid; - border-radius: 0; - border-right-color: @borders; - color: @theme_fg_color; - background-color: @theme_bg_color; } - -button:link > label, button:visited > label, -*:link, -button:link, -button:visited { - color: @link_color; } - button:link > label:visited, button:visited > label:visited, - *:link:visited, - button:visited { - color: mix(@link_color, @theme_fg_color, 0.2); } - *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected - *:link:visited, *:selected - button:visited:link, *:selected - button:visited { - color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.4); } - button:link > label:hover, button:visited > label:hover, - *:link:hover, - button:hover:link, - button:hover:visited { - color: shade(@link_color, 1.1); } - *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected - *:link:hover, *:selected - button:hover:link, *:selected - button:hover:visited { - color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.9); } - button:link > label:active, button:visited > label:active, - *:link:active, - button:active:link, - button:active:visited { - color: @link_color; } - *:selected button:link > label:active, *:selected button:visited > label:active, *:selected - *:link:active, *:selected - button:active:link, *:selected - button:active:visited { - color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.8); } - button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop, - *:link:backdrop:backdrop:hover, - button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, - *:link:backdrop:backdrop:hover:selected, - button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, - *:link:backdrop, - button:backdrop:link, - button:backdrop:visited { - color: mix(@link_color, @theme_unfocused_selected_bg_color, 0.3); } - button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label, - *:link:selected, - button:selected:link, - button:selected:visited, *:selected - *:link, *:selected - button:link, *:selected - button:visited { - color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.8); } - -button:link, button:visited { - border-color: transparent; - background-color: transparent; - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, button:link:focus:active, button:visited:hover, button:visited:active, button:visited:checked, button:visited:focus:active { - border-color: transparent; - background-color: transparent; - text-shadow: none; } - button:link > label, button:visited > label { - text-decoration-line: underline; } - -button { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 8px; - color: @theme_fg_color; - border-color: @borders; - border-top-color: shade(@borders, 1.1); - border-left-color: shade(@borders, 1.05); - border-right-color: shade(@borders, 1.05); - background-color: @theme_base_color; - -gtk-outline-radius: 8px; } - button:hover { - color: @theme_fg_color; - background-color: shade(@theme_base_color, 1.1); } - button:active, button:checked { - color: @theme_fg_color; - border-color: shade(@borders, 0.9); - background-color: mix(@theme_base_color, @theme_fg_color, 0.1); } - button:active:disabled, button:checked:disabled { - color: mix(@theme_fg_color, @theme_unfocused_disabled_fg_color, 0.1); - border-color: mix(@theme_fg_color, @theme_disabled_bg_color, 0.85); - background-color: shade(@theme_disabled_bg_color, 0.9); } - button:disabled { - color: mix(@theme_fg_color, @theme_unfocused_disabled_fg_color, 0.5); } -button.flat { - border-color: transparent; - border-radius: 8px; - color: @theme_fg_color; - background-color: transparent; } - button.flat:hover { - border-color: @borders; - border-top-color: shade(@borders, 1.1); - border-left-color: shade(@borders, 1.05); - border-right-color: shade(@borders, 1.05); - color: @theme_fg_color; - background-color: @theme_base_color; } - button.flat:active, button.flat:checked { - color: @theme_fg_color; - background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); } - button.flat:disabled { - border-color: transparent; - color: alpha(@theme_fg_color, 0.8); - background-color: transparent; } - -checkbutton.text-button, radiobutton.text-button { - padding: 4px; - outline-offset: 0; } - -checkbutton { - padding: 4px; } - checkbutton:hover, checkbutton:active:hover { - padding: 4px; - border-style: none; - background-color: transparent; } - checkbutton:selected { - padding: 4px; - border-style: none; - background-color: transparent; } - checkbutton:selected:focus { - padding: 4px; - border-style: none; - background-color: transparent; } - -view.content-view check, .content-view.view check { - background-color: transparent; } - view.content-view check:active, .content-view.view check:active { - background-color: transparent; } - -view.content-view check:hover, view.content-view check:disabled, view.content-view check:selected { - background-color: transparent; } - -check, radio, check:disabled, radio:disabled { - margin: 4px; - border-style: none; - background-color: transparent; } - -check, .check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked-@2.png")); } - check:backdrop, .check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused.png"), url("assets/checkbox-unchecked-unfocused-@2.png")); } - check:disabled, .check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive-@2.png")); } - check:disabled:backdrop, .check:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused.png"), url("assets/checkbox-unchecked-insensitive-unfocused-@2.png")); } - check:active, check:checked, .check:active, .check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked-@2.png")); } - check:active:backdrop, check:checked:backdrop, .check:active:backdrop, .check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused.png"), url("assets/checkbox-checked-unfocused-@2.png")); } - check:active:disabled, check:checked:disabled, .check:active:disabled, .check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive-@2.png")); } - check:active:disabled:backdrop, check:checked:disabled:backdrop, .check:active:disabled:backdrop, .check:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused.png")); } - check:indeterminate, .check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed-@2.png")); } - check:indeterminate:backdrop, .check:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused.png"), url("assets/checkbox-mixed-unfocused-@2.png")); } - check:indeterminate:disabled, .check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive-@2.png")); } - check:indeterminate:disabled:backdrop, .check:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused.png"), url("assets/checkbox-mixed-insensitive-unfocused-@2.png")); } -check row:selected check, .check row:selected check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected-@2.png")); } - check row:selected check:backdrop, .check row:selected check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused-selected.png"), url("assets/checkbox-unchecked-unfocused-selected-@2.png")); } - check row:selected check:disabled, .check row:selected check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected-@2.png")); } - check row:selected check:disabled:backdrop, .check row:selected check:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused-selected.png"), url("assets/checkbox-unchecked-insensitive-unfocused-selected-@2.png")); } - check row:selected check:active, check row:selected check:checked, .check row:selected check:active, .check row:selected check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected-@2.png")); } - check row:selected check:active:backdrop, check row:selected check:checked:backdrop, .check row:selected check:active:backdrop, .check row:selected check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused-selected.png"), url("assets/checkbox-checked-unfocused-selected-@2.png")); } - check row:selected check:active:disabled, check row:selected check:checked:disabled, .check row:selected check:active:disabled, .check row:selected check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected-@2.png")); } - check row:selected check:active:disabled:backdrop, check row:selected check:checked:disabled:backdrop, .check row:selected check:active:disabled:backdrop, .check row:selected check:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused-selected.png")); } - check row:selected check:indeterminate, .check row:selected check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected-@2.png")); } - check row:selected check:indeterminate:backdrop, .check row:selected check:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused-selected.png"), url("assets/checkbox-mixed-unfocused-selected-@2.png")); } - check row:selected check:indeterminate:disabled, .check row:selected check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected-@2.png")); } - check row:selected check:indeterminate:disabled:backdrop, .check row:selected check:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused-selected.png"), url("assets/checkbox-mixed-insensitive-unfocused-selected-@2.png")); } - -radio, .radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked-@2.png")); } - radio:backdrop, .radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused.png"), url("assets/radio-unchecked-unfocused-@2.png")); } - radio:disabled, .radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive-@2.png")); } - radio:disabled:backdrop, .radio:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused.png"), url("assets/radio-unchecked-insensitive-unfocused-@2.png")); } - radio:active, radio:checked, .radio:active, .radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked-@2.png")); } - radio:active:backdrop, radio:checked:backdrop, .radio:active:backdrop, .radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused.png"), url("assets/radio-checked-unfocused-@2.png")); } - radio:active:disabled, radio:checked:disabled, .radio:active:disabled, .radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive-@2.png")); } - radio:active:disabled:backdrop, radio:checked:disabled:backdrop, .radio:active:disabled:backdrop, .radio:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused.png"), url("assets/radio-checked-insensitive-unfocused-@2.png")); } - radio:indeterminate, .radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed-@2.png")); } - radio:indeterminate:backdrop, .radio:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused.png"), url("assets/radio-mixed-unfocused-@2.png")); } - radio:indeterminate:disabled, .radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive-@2.png")); } - radio:indeterminate:disabled:backdrop, .radio:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused-@2.png")); } -radio row:selected radio, .radio row:selected radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected-@2.png")); } - radio row:selected radio:backdrop, .radio row:selected radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused-selected.png"), url("assets/radio-unchecked-unfocused-selected-@2.png")); } - radio row:selected radio:disabled, .radio row:selected radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected-@2.png")); } - radio row:selected radio:disabled:backdrop, .radio row:selected radio:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused-selected.png"), url("assets/radio-unchecked-insensitive-unfocused-selected-@2.png")); } - radio row:selected radio:active, radio row:selected radio:checked, .radio row:selected radio:active, .radio row:selected radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected-@2.png")); } - radio row:selected radio:active:backdrop, radio row:selected radio:checked:backdrop, .radio row:selected radio:active:backdrop, .radio row:selected radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused-selected.png"), url("assets/radio-checked-unfocused-selected-@2.png")); } - radio row:selected radio:active:disabled, radio row:selected radio:checked:disabled, .radio row:selected radio:active:disabled, .radio row:selected radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected-@2.png")); } - radio row:selected radio:active:disabled:backdrop, radio row:selected radio:checked:disabled:backdrop, .radio row:selected radio:active:disabled:backdrop, .radio row:selected radio:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused-selected.png"), url("assets/radio-checked-insensitive-unfocused-selected-@2.png")); } - radio row:selected radio:indeterminate, .radio row:selected radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected-@2.png")); } - radio row:selected radio:indeterminate:backdrop, .radio row:selected radio:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused-selected.png"), url("assets/radio-mixed-unfocused-selected-@2.png")); } - radio row:selected radio:indeterminate:disabled, .radio row:selected radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected-@2.png")); } - radio row:selected radio:indeterminate:disabled:backdrop, .radio row:selected radio:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused-selected.png"), url("assets/radio-mixed-insensitive-unfocused-selected-@2.png")); } - -menuitem check, menuitem radio { - min-height: 16px; - min-width: 16px; } -menuitem check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked-@2.png")); } - menuitem check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused.png"), url("assets/checkbox-unchecked-unfocused-@2.png")); } - menuitem check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive-@2.png")); } - menuitem check:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused.png"), url("assets/checkbox-unchecked-insensitive-unfocused-@2.png")); } - menuitem check:active, menuitem check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked-@2.png")); } - menuitem check:active:backdrop, menuitem check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused.png"), url("assets/checkbox-checked-unfocused-@2.png")); } - menuitem check:active:disabled, menuitem check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive-@2.png")); } - menuitem check:active:disabled:backdrop, menuitem check:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused.png")); } - menuitem check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed-@2.png")); } - menuitem check:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused.png"), url("assets/checkbox-mixed-unfocused-@2.png")); } - menuitem check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive-@2.png")); } - menuitem check:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused.png"), url("assets/checkbox-mixed-insensitive-unfocused-@2.png")); } -menuitem check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected-@2.png")); } - menuitem check:hover:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused-selected.png"), url("assets/checkbox-unchecked-unfocused-selected-@2.png")); } - menuitem check:hover:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected-@2.png")); } - menuitem check:hover:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused-selected.png"), url("assets/checkbox-unchecked-insensitive-unfocused-selected-@2.png")); } - menuitem check:hover:active, menuitem check:hover:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected-@2.png")); } - menuitem check:hover:active:backdrop, menuitem check:hover:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused-selected.png"), url("assets/checkbox-checked-unfocused-selected-@2.png")); } - menuitem check:hover:active:disabled, menuitem check:hover:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected-@2.png")); } - menuitem check:hover:active:disabled:backdrop, menuitem check:hover:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused-selected.png")); } - menuitem check:hover:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected-@2.png")); } - menuitem check:hover:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused-selected.png"), url("assets/checkbox-mixed-unfocused-selected-@2.png")); } - menuitem check:hover:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected-@2.png")); } - menuitem check:hover:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused-selected.png"), url("assets/checkbox-mixed-insensitive-unfocused-selected-@2.png")); } -menuitem radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked-@2.png")); } - menuitem radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused.png"), url("assets/radio-unchecked-unfocused-@2.png")); } - menuitem radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive-@2.png")); } - menuitem radio:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused.png"), url("assets/radio-unchecked-insensitive-unfocused-@2.png")); } - menuitem radio:active, menuitem radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked-@2.png")); } - menuitem radio:active:backdrop, menuitem radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused.png"), url("assets/radio-checked-unfocused-@2.png")); } - menuitem radio:active:disabled, menuitem radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive-@2.png")); } - menuitem radio:active:disabled:backdrop, menuitem radio:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused.png"), url("assets/radio-checked-insensitive-unfocused-@2.png")); } - menuitem radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed-@2.png")); } - menuitem radio:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused.png"), url("assets/radio-mixed-unfocused-@2.png")); } - menuitem radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive-@2.png")); } - menuitem radio:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused-@2.png")); } -menuitem radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected-@2.png")); } - menuitem radio:hover:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused-selected.png"), url("assets/radio-unchecked-unfocused-selected-@2.png")); } - menuitem radio:hover:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected-@2.png")); } - menuitem radio:hover:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused-selected.png"), url("assets/radio-unchecked-insensitive-unfocused-selected-@2.png")); } - menuitem radio:hover:active, menuitem radio:hover:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected-@2.png")); } - menuitem radio:hover:active:backdrop, menuitem radio:hover:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused-selected.png"), url("assets/radio-checked-unfocused-selected-@2.png")); } - menuitem radio:hover:active:disabled, menuitem radio:hover:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected-@2.png")); } - menuitem radio:hover:active:disabled:backdrop, menuitem radio:hover:checked:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused-selected.png"), url("assets/radio-checked-insensitive-unfocused-selected-@2.png")); } - menuitem radio:hover:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected-@2.png")); } - menuitem radio:hover:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused-selected.png"), url("assets/radio-mixed-unfocused-selected-@2.png")); } - menuitem radio:hover:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected-@2.png")); } - menuitem radio:hover:indeterminate:disabled:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused-selected.png"), url("assets/radio-mixed-insensitive-unfocused-selected-@2.png")); } - -.content-view.view { - background-color: @theme_base_color; } - .content-view.view:hover { - background-color: alpha(@theme_selected_bg_color, 0.6); } - .content-view.view:selected, .content-view.view:active { - background-color: @theme_selected_bg_color; } - .content-view.view:disabled { - background-color: shade(@theme_base_color, 0.9); } - -calendar { - padding: 2px; - border-width: 1px; - border-radius: 8px; - border-style: solid; - border-color: @borders; - color: @theme_fg_color; } - calendar.header { - border: none; - color: @theme_selected_bg_color; } - calendar.button { - color: @theme_selected_bg_color; } - calendar:selected { - border-radius: 0; - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - calendar:indeterminate { - color: alpha(currentColor, 0.55); } - calendar.highlight { - color: @theme_selected_bg_color; } - -entry { - padding: 5px; - border-width: 1px; - border-style: solid; - border-color: @borders; - border-top-color: shade(@borders, 1.1); - border-left-color: shade(@borders, 1.05); - border-right-color: shade(@borders, 1.05); - border-radius: 8px; - color: @theme_text_color; - caret-color: @theme_selected_base_color; - background-color: @theme_base_color; } - entry:selected, entry:selected:focus, entry selection, entry selection:focus { - color: @theme_selected_text_color; - background-color: @theme_selected_base_color; } - entry:disabled { - color: @theme_disabled_text_color; } - entry:disabled:backdrop { - color: @theme_unfocused_disabled_fg_color; - border-color: @unfocused_borders; - background-color: @theme_unfocused_disabled_bg_color; } - entry.read-only { - background-color: mix(@theme_bg_color, @theme_disabled_bg_color, 0.1); } - entry:backdrop { - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_base_color; } - entry > image.left { - padding-right: 5px; } - entry > image.right { - padding-left: 5px; } - entry progress { - margin: -4px -4px; - border-width: 0 0 2px; - border-radius: 0; - border-style: solid; - border-color: @theme_selected_bg_color; - background-color: transparent; } - entry.flat, entry.flat:focus { - min-height: 0; - padding: 3px; - border-radius: 0; - background-image: none; - border-color: transparent; } - entry.search { - border-radius: 40px; } - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander arrow:hover { - color: @theme_selected_bg_color; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -list { - color: @theme_fg_color; - background-color: @theme_base_color; } - list row { - padding: 2px; } - list row:hover { - background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); } - list row:backdrop { - color: @theme_unfocused_fg_color; } - list row:selected, list row:selected:hover, list row:selected:focus { - border: none; - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - list row:selected:disabled { - color: alpha(@theme_selected_fg_color, 0.7); - background-color: @theme_selected_bg_color; } - list row:selected:backdrop { - color: @theme_unfocused_selected_fg_color; - background-color: @theme_unfocused_selected_bg_color; } - list separator, list separator:backdrop { - background: none; } - -frame > border { - border-width: 1px; - border-style: solid; - border-color: @borders; - border-radius: 0; - box-shadow: none; } -frame.flat > border, frame > border.flat, statusbar frame > border { - border: none; } - -.frame { - background: none; } - -iconview:selected, iconview:selected:focus, iconview text:selected, iconview text selection, iconview text:selected:focus, iconview text selection:focus { - border-width: 1px; - border-style: solid; - border-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } -iconview:selected:backdrop, iconview selection:backdrop, iconview text:selected:backdrop, iconview text selection:backdrop { - color: @theme_unfocused_selected_fg_color; - background-color: @theme_unfocused_selected_bg_color; } - -rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband, view rubberband, .view.rubberband, .rubberband { - border-width: 1px; - border-style: solid; - border-color: @theme_selected_bg_color; - background: none; - background-color: alpha(@theme_selected_bg_color, 0.3); } - -flowbox flowboxchild { - padding: 3px; - border-radius: 8px; } - flowbox flowboxchild:selected { - outline-offset: -2px; - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - -infobar { - border: none; } - -.info { - border-width: 1px; - border-style: solid; - border-color: shade(@info_bg_color, 0.8); - color: @info_fg_color; - background-image: none; - background-color: @info_bg_color; } - .info button { - border-color: shade(@info_bg_color, 0.8); - color: @info_fg_color; - background-image: none; - background-color: shade(@info_bg_color, 1.08); } - .info button:hover { - border-color: shade(@info_bg_color, 0.85); - background-color: shade(@info_bg_color, 1.1); } - .info button:active { - border-color: shade(@info_bg_color, 0.6); - background-color: shade(@info_bg_color, 0.95); } - .info button:active:hover { - border-color: shade(@info_bg_color, 0.85); } - .info button.close { - color: @info_fg_color; } - .info button.close:hover { - background-color: alpha(@light_shadow, 0.2); } - .info button.close:active { - color: @info_fg_color; - background-color: alpha(@dark_shadow, 0.1); } - -.warning { - border-width: 1px; - border-style: solid; - border-color: shade(@warning_bg_color, 0.8); - color: @warning_fg_color; - background-image: none; - background-color: @warning_bg_color; } - .warning button { - border-color: shade(@warning_bg_color, 0.8); - color: @warning_fg_color; - background-image: none; - background-color: shade(@warning_bg_color, 1.08); } - .warning button:hover { - border-color: shade(@warning_bg_color, 0.85); - background-color: shade(@warning_bg_color, 1.1); } - .warning button:active { - border-color: shade(@warning_bg_color, 0.6); - background-color: shade(@warning_bg_color, 0.95); } - .warning button:active:hover { - border-color: shade(@warning_bg_color, 0.85); } - .warning button.close { - color: @warning_fg_color; } - .warning button.close:hover { - background-color: alpha(@light_shadow, 0.2); } - .warning button.close:active { - color: @warning_fg_color; - background-color: alpha(@dark_shadow, 0.1); } - -.question { - border-width: 1px; - border-style: solid; - border-color: shade(@question_bg_color, 0.8); - color: @question_fg_color; - background-image: none; - background-color: @question_bg_color; } - .question button { - border-color: shade(@question_bg_color, 0.8); - color: @question_fg_color; - background-image: none; - background-color: shade(@question_bg_color, 1.08); } - .question button:hover { - border-color: shade(@question_bg_color, 0.85); - background-color: shade(@question_bg_color, 1.1); } - .question button:active { - border-color: shade(@question_bg_color, 0.6); - background-color: shade(@question_bg_color, 0.95); } - .question button:active:hover { - border-color: shade(@question_bg_color, 0.85); } - .question button.close { - color: @question_fg_color; } - .question button.close:hover { - background-color: alpha(@light_shadow, 0.2); } - .question button.close:active { - color: @question_fg_color; - background-color: alpha(@dark_shadow, 0.1); } - -.error { - border-width: 1px; - border-style: solid; - border-color: shade(@error_bg_color, 0.8); - background-color: @error_bg_color; - background-image: none; - color: @error_fg_color; } - .error button { - border-color: shade(@error_bg_color, 0.8); - color: @error_fg_color; - background-image: none; - background-color: shade(@error_bg_color, 1.08); } - .error button:hover { - border-color: shade(@error_bg_color, 0.85); - background-color: shade(@error_bg_color, 1.1); } - .error button:active { - border-color: shade(@error_bg_color, 0.6); - background-color: shade(@error_bg_color, 0.95); } - .error button:active:hover { - border-color: shade(@error_bg_color, 0.85); } - .error button.close { - color: @error_fg_color; } - .error button.close:hover { - background-color: alpha(@light_shadow, 0.2); } - .error button.close:active { - color: @error_fg_color; - background-color: alpha(@dark_shadow, 0.1); } - -image { - color: alpha(currentColor, 0.75); } - image:hover { - color: alpha(currentColor, 0.9); } - image:selected, image:selected:hover { - color: @theme_selected_fg_color; } - image:disabled { - color: alpha(currentColor, 0.5); } - view image, view image:hover { - color: alpha(currentColor, 0.9); } - view image:selected, view image:selected:hover { - color: @theme_selected_fg_color; } - -.floating-bar { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.85); - border-radius: 8px; - background-color: @theme_base_color; - color: @theme_fg_color; } - .floating-bar.top { - border-top-width: 0px; - border-top-right-radius: 0px; - border-top-left-radius: 0px; } - .floating-bar.bottom { - border-bottom-width: 0px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; } - .floating-bar.top.left, .floating-bar.bottom.left { - border-left-width: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 0px; } - .floating-bar.top.right, .floating-bar.bottom.right { - border-right-width: 0px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; } - .floating-bar button { - border-style: none; - background-color: transparent; } - -.terminal-screen, terminal-window, vte-terminal { - background-color: @terminal_bg_color; - color: @terminal_fg_color; } - -terminal-screen-container, terminal-screen-container:backdrop, terminal-screen-container scrollbar:not(slider), terminal-screen-container scrollbar:not(slider):backdrop { - border-color: transparent; - background-color: transparent; } - -terminal-screen-container scrollbar slider { - background-color: @terminal_fg_color; } - terminal-screen-container scrollbar slider:hover { - background-color: shade(@terminal_fg_color, 1.05); } - terminal-screen-container scrollbar slider:active { - background-color: shade(@terminal_fg_color, 0.98); } - terminal-screen-container scrollbar slider:backdrop { - background-color: @terminal_fg_color; } - -terminal-window notebook > header, terminal-window notebook > header:backdrop { - color: @terminal_fg_color; - background-color: @terminal_bg_color; } -terminal-window notebook > header > tabs > tab { - color: @terminal_fg_color; - background-color: @terminal_bg_color; } - terminal-window notebook > header > tabs > tab button { - color: @terminal_fg_color; - background-color: @terminal_bg_color; } - -.dnd { - border-width: 1px; - border-style: solid; - border-color: @borders; } - -.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: @theme_base_color; } - -.caja-location-entry { - padding: 3px 5px; } - -scrolledwindow viewport.frame { - border: none; } - -arrow, combobox arrow { - color: alpha(currentColor, 0.75); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } - -.context-menu, popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; } - -.monospace { - font-family: Monospace; } - -.gedit-search-entry-occurrences-tag { - color: alpha(currentColor, 0.7); - border: none; - margin: 2px; - padding: 2px; } - -.gedit-search-slider { - border-color: @borders; - padding: 6px; - border-radius: 0 0 8px 8px; - border-width: 0 1px 1px 1px; - border-style: solid; - background-color: @theme_bg_color; } - -button.circular, button.circular-button { - padding: 0; - min-width: 16px; - min-height: 24px; - padding: 2px 6px; - border-radius: 50%; - -gtk-outline-radius: 50%; } - -stackswitcher button.circular, stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -printdialog paper { - border: 1px solid @borders; - background: @light_shadow; - padding: 0; } - -menu, .menu { - margin: 4px; - padding: 0; - border-radius: 8px; - border-style: none; - color: @menu_fg_color; - background-color: @menu_bg_color; } - .csd menu, .csd .menu { - padding: 4px 0px; - border-radius: 8px; - border: none; } - menu > arrow, .menu > arrow { - padding: 4px; - border-color: transparent; - background-color: @menu_bg_color; - min-width: 16px; - min-height: 16px; } - menu > arrow.top, .menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid shade(@menu_bg_color, 0.9); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, .menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid shade(@menu_bg_color, 0.9); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -menubar, .menubar { - -GtkWidget-window-dragging: true; - padding: 0; - border-style: none; - background-color: @menubar_bg_color; - color: @menubar_fg_color; } - menubar:backdrop, .menubar:backdrop { - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_bg_color; } - -menubar > menuitem, .menubar > menuitem { - padding: 3px 5px; - border: none; - color: @menubar_fg_color; - background-color: transparent; } - menubar > menuitem:hover, .menubar > menuitem:hover { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: @theme_disabled_fg_color; - background-color: transparent; } - menubar > menuitem:backdrop, .menubar > menuitem:backdrop { - color: @theme_unfocused_fg_color; - background-color: transparent; } - -menu menuitem, .menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px; - border: none; - border-radius: 0; - color: @menu_fg_color; - background-color: @menu_bg_color; } - menu menuitem:hover, .menu menuitem:hover { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - menu menuitem:disabled, .menu menuitem:disabled { - color: mix(@menu_fg_color, @menu_bg_color, 0.5); } - menu menuitem arrow, .menu menuitem arrow { - min-width: 16px; - min-height: 16px; } - menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { - margin-left: 10px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { - margin-right: 10px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -menuitem accelerator { - color: alpha(currentColor, 0.55); } - menuitem accelerator:hover { - color: alpha(@theme_selected_fg_color, 0.8); } - menuitem accelerator:disabled { - color: @theme_disabled_fg_color; } - -popover, popover.background { - padding: 2px; - border-color: @borders; - border-width: 1px; - border-style: solid; - border-radius: 8px; - color: @theme_fg_color; - background-clip: border-box; - background-color: @theme_bg_color; - box-shadow: none; } - .csd popover, popover, .csd popover.background, popover.background { - border: 1px solid @borders; } - popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { - border-style: none; - background-color: transparent; } - popover checkbutton:selected, popover radiobutton:selected, popover.background checkbutton:selected, popover.background radiobutton:selected { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } -popover.osd { - box-shadow: none; } - popover.osd > toolbar button { - border-width: 0; - border-radius: 0; - background-color: transparent; } -popover:backdrop { - border-color: @unfocused_borders; - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_bg_color; - box-shadow: none; } - -modelbutton.flat, menuitem.button.flat, .menuitem.button.flat { - padding: 2px 8px; - border: none; - color: @theme_fg_color; - background-color: transparent; } - modelbutton.flat:hover, modelbutton.flat:selected, modelbutton.flat:active:hover, menuitem.button.flat:hover, menuitem.button.flat:selected, menuitem.button.flat:active:hover, .menuitem.button.flat:hover, .menuitem.button.flat:selected, .menuitem.button.flat:active:hover { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - modelbutton.flat > image, menuitem.button.flat > image, .menuitem.button.flat > image { - padding-right: 4px; } - modelbutton.flat arrow.left, menuitem.button.flat arrow.left, .menuitem.button.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, menuitem.button.flat arrow.right, .menuitem.button.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -notebook { - padding: 0; } - notebook.frame { - margin: -1px; - border-width: 1px; - border-style: solid; - border-color: @borders; } - notebook.frame > header { - margin: -1px; } - notebook.frame > header.top { - margin-bottom: 0; } - notebook.frame > header.bottom { - margin-top: 0; } - notebook.frame > header.left { - margin-right: 0; } - notebook.frame > header.right { - margin-left: 0; } - notebook.frame > header.top, notebook.frame > header.bottom { - padding-left: 0; - padding-right: 0; } - notebook.frame > header.left, notebook.frame > header.right { - padding-top: 0; - padding-bottom: 0; } - notebook > stack:not(:only-child) { - background-color: @theme_base_color; } - notebook tab { - padding: 6px 20px; - border: none; - border-radius: 0; - color: @theme_fg_color; - background-color: transparent; } - notebook tab:checked { - color: @theme_selected_base_color; } - notebook > header { - padding-top: 2px; - background-color: @theme_base_color; } - notebook > header:backdrop { - background-color: @theme_unfocused_base_color; } - notebook > header.top { - box-shadow: 0 2px shade(@borders, 0.85); } - notebook > header.top > tabs > tab { - border-bottom: none; - margin-top: 2px; } - notebook > header.top > tabs > tab:checked { - box-shadow: 0 2px @theme_selected_base_color; } - notebook > header.bottom { - padding-top: 0; - box-shadow: 0 -2px shade(@borders, 0.85); } - notebook > header.bottom > tabs > tab { - border-top: none; - margin-bottom: 2px; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: 0 -2px @theme_selected_base_color; } - notebook > header.right { - box-shadow: -2px 0 shade(@borders, 0.85); } - notebook > header.right > tabs > tab { - border-left: none; - margin-right: 2px; } - notebook > header.right > tabs > tab:checked { - box-shadow: -2px 0 @theme_selected_base_color; } - notebook > header.left { - box-shadow: 2px 0 shade(@borders, 0.85); } - notebook > header.left > tabs > tab { - border-right: none; - margin-left: 2px; } - notebook > header.left > tabs > tab:checked { - box-shadow: 2px 0 shade(@borders, 0.85); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; } - notebook > header > tabs > arrow { - color: @theme_fg_color; } - notebook > header > tabs > arrow:hover { - color: shade(@theme_fg_color, 1.2); } - notebook > header > tabs > arrow:active { - color: shade(@theme_fg_color, 0.8); } - notebook > header > tabs > arrow:disabled { - color: shade(@theme_bg_color, 0.6); } - -paned > separator { - border: none; - color: transparent; - background-color: @borders; } - paned > separator:backdrop { - background-color: @unfocused_borders; } - paned > separator:selected { - background-color: @borders; } -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; } - -overshoot.top { - background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent)); - background-size: 100% 60%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent)); - background-size: 100% 60%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -overshoot.left { - background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent)); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -overshoot.right { - background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(@color_shadow, 0.2)), to(transparent)); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; } -undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; } -undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; } -undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, alpha(@light_shadow, 0.2) 50%, alpha(@dark_shadow, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; } - -.overlay-bar { - background-color: alpha(@dark_shadow, 0.8); - border-radius: 0; - padding: 3px 6px; - margin: 3px; } - .overlay-bar label { - color: @tooltip_fg_color; } - -progressbar { - padding: 0; - border: none; - color: mix(@theme_fg_color, @theme_selected_fg_color, 0.5); - background-color: transparent; } - progressbar progress { - border: none; - border-radius: 10px; - background-color: @theme_selected_bg_color; } - progressbar progress:backdrop { - background-color: @theme_unfocused_selected_bg_color; } - progressbar trough { - border-radius: 10px; - background-color: alpha(@dark_shadow, 0.1); } - progressbar trough:backdrop { - background-color: shade(@theme_unfocused_bg_color, 0.95); } - progressbar.horizontal trough, progressbar.horizontal progress { - min-height: 4px; } - progressbar.vertical trough, progressbar.vertical progress { - min-width: 4px; } - -treeview.view.progressbar, treeview.view.progressbar:disabled { - color: @theme_selected_fg_color; - border-radius: 0; - background-color: @theme_selected_bg_color; } -treeview.view.progressbar:focus, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, treeview.view.progressbar:disabled:selected { - border-radius: 0; - color: @theme_selected_bg_color; - background-color: @theme_selected_fg_color; } -treeview.view.trough { - color: @theme_fg_color; - background-color: alpha(@dark_shadow, 0.1); - border-radius: 0; - border: none; } - treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: @theme_selected_fg_color; - background-color: alpha(@dark_shadow, 0.1); - border-radius: 0; - border: none; } -infobar treeview.view trough, row:selected treeview.view trough { - background-color: alpha(@dark_shadow, 0.1); } - -levelbar trough { - padding: 1px; - border-radius: 0; } -levelbar.horizontal.discrete block { - margin: 0 1px; } -levelbar.vertical.discrete block { - margin: 1px 0; } -levelbar block { - border: none; - padding: 2px; - border-radius: 10px; - background-color: @theme_selected_bg_color; } - levelbar block.high { - background-color: shade(@success_color, 0.9); } - levelbar block.low { - background-color: shade(@warning_color, 0.9); } - levelbar block.empty { - background-color: alpha(@dark_shadow, 0.1); } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; } - scale fill, scale trough { - border: none; - border-radius: 4px; - background-color: alpha(@dark_shadow, 0.2); - outline-offset: 2px; - -gtk-outline-radius: 0; } - scale fill:disabled, scale trough:disabled { - background-color: alpha(@dark_shadow, 0.15); } - scale fill:disabled:backdrop, scale trough:disabled:backdrop { - background-color: alpha(@dark_shadow, 0.08); } - scale fill:backdrop, scale trough:backdrop { - background-color: alpha(@dark_shadow, 0.1); } - scale highlight { - border: none; - border-radius: 4px; - background-color: @theme_selected_base_color; } - scale highlight:disabled { - background-color: @theme_disabled_bg_color; } - scale highlight:disabled:backdrop { - background-color: @theme_unfocused_disabled_bg_color; } - scale highlight:backdrop { - background-color: @theme_selected_base_color; } - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - scale.horizontal.fine-tune indicator { - min-height: 3px; } - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - scale.vertical.fine-tune indicator { - min-width: 3px; } - scale.fine-tune.horizontal { - padding-top: 10px; - padding-bottom: 10px; - min-height: 14px; } - scale.fine-tune.vertical { - padding-left: 10px; - padding-right: 10px; - min-width: 14px; } - scale.fine-tune slider { - margin: -6px; } - scale.fine-tune fill, scale.fine-tune trough, scale.fine-tune highlight { - border-radius: 4px; - -gtk-outline-radius: 0; } - scale.fine-tune marks.top { - margin-bottom: 8px; - margin-top: -13px; } - scale.fine-tune marks.bottom { - margin-top: 8px; - margin-bottom: -13px; } - scale.fine-tune marks.top { - margin-right: 8px; - margin-left: -13px; } - scale.fine-tune marks.bottom { - margin-left: 8px; - margin-right: -13px; } - scale slider { - min-height: 14px; - min-width: 14px; - margin: -7px; - border: 1px solid @borders; - border-radius: 4px; - color: @theme_fg_color; - background-color: @theme_base_color; } - scale slider:disabled { - background-color: @theme_disabled_base_color; - -gtk-icon-shadow: none; } - scale slider:disabled:backdrop { - background-color: @theme_unfocused_disabled_bg_color; - -gtk-icon-shadow: none; } - scale slider:backdrop { - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_base_color; } - scale value { - color: alpha(currentColor, 0.55); } - scale marks { - color: alpha(currentColor, 0.55); } - scale marks.top { - margin-bottom: 6px; - margin-top: -12px; } - scale marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - scale marks.top { - margin-right: 6px; - margin-left: -12px; } - scale marks.bottom { - margin-left: 6px; - margin-right: -12px; } - -scrollbar { - border: none; - background-color: @theme_base_color; } - scrollbar trough { - border: none; - border-radius: 0; } - scrollbar:backdrop { - background-color: @theme_unfocused_base_color; } - scrollbar slider { - min-width: 8px; - min-height: 8px; - margin: 2px; - border: none; - border-radius: 6px; - background-clip: padding-box; - background-color: shade(@theme_bg_color, 0.6); } - scrollbar slider:hover { - background-color: shade(@theme_bg_color, 0.6); } - scrollbar slider:hover:active { - background-color: shade(@theme_bg_color, 0.55); } - scrollbar slider:backdrop { - background-color: shade(@theme_bg_color, 0.55); } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - min-width: 6px; - min-height: 6px; - border-radius: 6px; } - scrollbar.fine-tune.horizontal slider { - margin-top: 1px; - margin-bottom: 1px; } - scrollbar.fine-tune.vertical slider { - margin-left: 1px; - margin-right: 1px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border: none; - opacity: 0.7; - margin: 0; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 1px; - min-height: 1px; - background-color: shade(@theme_bg_color, 0.6); - border: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 0; - min-height: 40px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 1; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - scrollbar.vertical slider { - min-height: 40px; } - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - treeview ~ scrollbar.vertical { - border-top: 1px solid @borders; - margin-top: -1px; } - -separator { - -gtk-icon-source: none; - min-width: 1px; - min-height: 1px; - background-color: @borders; } - separator:backdrop { - background-color: @unfocused_borders; } - button separator { - margin: 4px 1px; } - .sidebar view separator, view separator, separator .separator, separator { - border: none; - background-color: @borders; } - .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop { - border: none; - background-color: @unfocused_borders; } - .primary-toolbar separator, toolbar separator { - background-color: mix(@borders, @toolbar_bg_color, 0.5); } - .primary-toolbar separator:backdrop, toolbar separator:backdrop { - background-color: @unfocused_borders; } - headerbar separator { - -GtkWidget-window-dragging: true; - margin-top: 4px; - margin-bottom: 4px; - background-color: mix(@borders, @headerbar_bg_color, 0.5); } - headerbar separator:backdrop { - background-color: @unfocused_borders; } - .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton { - -GtkWidget-window-dragging: true; - background-color: mix(@borders, @titlebar_bg_color, 0.5); } - .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop { - background-color: @unfocused_borders; } - headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { - min-width: 1px; - min-height: 1px; - background-color: mix(@borders, @titlebar_bg_color, 0.5); } - headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { - background-color: @unfocused_borders; } - .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { - border-color: @borders; } - .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { - border-color: @unfocused_borders; } - headerbar button separator { - border-color: mix(@borders, @headerbar_bg_color, 0.5); } - headerbar button separator:backdrop { - border-color: @unfocused_borders; } - .titlebutton button separator, .titlebutton separator.titlebutton { - border-color: mix(@borders, @headerbar_bg_color, 0.5); } - .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop { - border-color: @unfocused_borders; } - menuitem separator { - border-width: 1px; - border-style: none; - color: mix(@borders, @menu_bg_color, 0.5); } - popover separator { - border: 0; - color: alpha(currentColor, 0.5); - background-color: transparent; } - combobox separator { - border: none; } - -filechooser.csd.background, filechooser placessidebar list { - background-color: @sidebar_bg_color; } - filechooser.csd.background:backdrop, filechooser placessidebar list:backdrop { - background-color: @theme_unfocused_bg_color; } -filechooser placessidebar.sidebar row, filechooser placessidebar.sidebar view row, filechooser placessidebar.sidebar row.sidebar-row { - border: none; - color: @sidebar_fg_color; } - filechooser placessidebar.sidebar row:hover, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar view row:hover, filechooser placessidebar.sidebar view row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover { - color: @sidebar_fg_color; - background-color: mix(@sidebar_bg_color, @sidebar_fg_color, 0.15); } - filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:selected:focus, filechooser placessidebar.sidebar view row:selected, filechooser placessidebar.sidebar view row:selected:hover, filechooser placessidebar.sidebar view row:selected:focus, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:focus { - color: @sidebar_fg_color; - background-color: mix(@sidebar_bg_color, @dark_shadow, 0.15); } - -.nautilus-window.csd.background, .nautilus-window placessidebar list { - background-color: @sidebar_bg_color; } - .nautilus-window.csd.background:backdrop, .nautilus-window placessidebar list:backdrop { - background-color: @theme_unfocused_bg_color; } - -.nautilus-window placessidebar.sidebar row.sidebar-row { - border: none; - color: @sidebar_fg_color; } - .nautilus-window placessidebar.sidebar row.sidebar-row:checked, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { - color: @theme_selected_fg_color; } - -.sidebar frame, .sidebar.frame { - border: none; } -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border: none; } - -stacksidebar row { - padding: 10px 4px; } - stacksidebar row:selected { - color: @theme_selected_fg_color; - background-color: alpha(@dark_shadow, 0.4); } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row image.sidebar-icon { - opacity: 0.75; } - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - -button.sidebar-button, button.sidebar-button:backdrop { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100%; - color: @sidebar_fg_color; - -gtk-outline-radius: 100%; } -button.sidebar-button:hover, button.sidebar-button:active { - color: @theme_fg_color; } -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.5; } - -spinbutton:not(.vertical) selection, spinbutton:not(.vertical) selection:focus { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } -spinbutton button:disabled, spinbutton entry:disabled { - color: @theme_disabled_fg_color; } - spinbutton button:disabled:backdrop, spinbutton entry:disabled:backdrop { - color: @theme_unfocused_disabled_fg_color; } -spinbutton.horizontal entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - padding: 7px 15px; } - spinbutton.horizontal entry:focus { - box-shadow: none; } -spinbutton.horizontal button.down { - border-right-width: 0; - border-left-width: 0; - border-radius: 0; } -spinbutton.horizontal button.up { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } -spinbutton.vertical entry { - border-radius: 0; } - spinbutton.vertical entry:focus { - box-shadow: none; } -spinbutton.vertical button.up { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border-bottom-width: 0; } -spinbutton.vertical button.down { - border-top-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; } - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -statusbar { - padding: 4px; - color: @theme_fg_color; } - statusbar frame > border { - border: none; } - -switch { - font-size: 0; - color: transparent; - outline-offset: -4px; - margin: 4px; - border: 1px solid @borders; - border-radius: 7px; - background-color: @borders; } - switch:checked { - border-color: @success_color; - background-color: @success_color; } - switch:checked:backdrop { - border-color: mix(@theme_unfocused_selected_bg_color, @success_color, 0.8); - background-color: mix(@theme_unfocused_selected_bg_color, @success_color, 0.8); } - switch:disabled { - border-color: @theme_disabled_bg_color; - background-color: @theme_disabled_bg_color; } - switch:disabled:backdrop { - border-color: @theme_unfocused_disabled_bg_color; - background-color: @theme_unfocused_disabled_bg_color; } - switch:backdrop { - border-color: @unfocused_borders; - background-color: @unfocused_borders; } - switch slider { - min-width: 20px; - min-height: 20px; - margin: 0; - border: none; - border-radius: 6px; - color: @theme_fg_color; - background-color: @theme_base_color; } - switch:disabled slider { - background-color: @theme_disabled_base_color; } - switch:disabled:backdrop slider { - background-color: @theme_unfocused_disabled_base_color; } - switch:backdrop slider { - background-color: @theme_unfocused_base_color; } - -textview { - color: @theme_text_color; - background-color: @theme_base_color; } - textview text:selected, textview text selection, textview text:selected:focus, textview text selection:focus { - color: @theme_selected_text_color; - background-color: @theme_selected_base_color; } - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; } - colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; } -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } -colorswatch.dark overlay { - color: alpha(@light_shadow, 0.7); } - colorswatch.dark overlay:hover { - border-color: alpha(@dark_shadow, 0.5); } -colorswatch.light overlay { - color: alpha(@light_shadow, 0.7); } - colorswatch.light overlay:hover { - border-color: alpha(@dark_shadow, 0.3); } -colorswatch overlay { - border: 1px solid alpha(@dark_shadow, 0.15); } - colorswatch overlay:hover { - background-color: alpha(@light_shadow, 0.2); } -colorswatch:disabled { - opacity: 0.5; } - colorswatch:disabled overlay { - border-color: alpha(@dark_shadow, 0.6); - box-shadow: none; } - -button.color { - padding: 0; } - button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; } - -colorchooser .popover.osd { - border-radius: 0; } -colorchooser #add-color-button { - background-clip: padding-box; - border-color: alpha(@dark_shadow, 0.1); - background-color: shade(@theme_bg_color, 0.95); - color: @theme_fg_color; } - colorchooser #add-color-button:hover { - border-color: alpha(@dark_shadow, 0.3); - background-color: shade(@theme_bg_color, 0.9); - color: @theme_fg_color; } - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button button { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.text-button.image-button label, .path-bar button label { - padding-left: 0; - padding-right: 0; } - .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } - .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -headerbar, headerbar:not(.titlebar) { - padding: 4px 8px; - border-width: 0; - border-style: solid; - border-color: mix(@borders, @headerbar_bg_color, 0.5); - border-bottom-width: 1px; - box-shadow: 0 1px @borders; - color: @headerbar_fg_color; - background-color: @headerbar_bg_color; } - headerbar:backdrop, headerbar:not(.titlebar):backdrop { - color: alpha(@headerbar_fg_color, 0.8); - background-color: @headerbar_bg_color; } - .titlebar headerbar, .titlebar headerbar:backdrop, .titlebar headerbar:not(.titlebar), .titlebar headerbar:not(.titlebar):backdrop { - background-color: transparent; } - .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled headerbar:not(.titlebar), .tiled headerbar:not(.titlebar):backdrop, .maximized headerbar:not(.titlebar), .maximized headerbar:not(.titlebar):backdrop { - border-radius: 0; } - headerbar .title, headerbar:not(.titlebar) .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - headerbar .subtitle, headerbar:not(.titlebar) .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - color: alpha(currentColor, 0.7); } - headerbar button, headerbar:not(.titlebar) button { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 8px; - color: @headerbar_fg_color; - border-color: shade(@headerbar_fg_color, 0.3); - border-top-color: shade(shade(@headerbar_fg_color, 0.3), 1.1); - border-left-color: shade(shade(@headerbar_fg_color, 0.3), 1.05); - border-right-color: shade(shade(@headerbar_fg_color, 0.3), 1.05); - background-color: @headerbar_bg_color; - -gtk-outline-radius: 8px; } - headerbar button:hover, headerbar:not(.titlebar) button:hover { - color: @headerbar_fg_color; - background-color: shade(@headerbar_bg_color, 1.1); } - headerbar button:active, headerbar button:checked, headerbar:not(.titlebar) button:active, headerbar:not(.titlebar) button:checked { - color: @theme_selected_fg_color; - border-color: shade(shade(@headerbar_fg_color, 0.3), 0.9); - background-color: mix(@headerbar_bg_color, @headerbar_fg_color, 0.2); } - headerbar button:active:disabled, headerbar button:checked:disabled, headerbar:not(.titlebar) button:active:disabled, headerbar:not(.titlebar) button:checked:disabled { - color: mix(@headerbar_fg_color, @theme_unfocused_disabled_fg_color, 0.1); - border-color: mix(@headerbar_fg_color, @theme_disabled_bg_color, 0.85); - background-color: shade(@theme_disabled_bg_color, 0.9); } - headerbar button:disabled, headerbar:not(.titlebar) button:disabled { - color: mix(@headerbar_fg_color, @theme_unfocused_disabled_fg_color, 0.5); } - headerbar entry, headerbar:not(.titlebar) entry { - padding: 4px 8px; } - -toolbar { - padding: 4px; - border: none; - color: @toolbar_fg_color; - background-color: @toolbar_bg_color; } - toolbar:backdrop { - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_bg_color; } - toolbar:disabled { - color: @theme_disabled_fg_color; - background-color: @theme_disabled_bg_color; } - toolbar button.flat { - border-color: transparent; - border-radius: 8px; - color: @toolbar_fg_color; - background-color: transparent; } - toolbar button.flat:hover { - border-color: @borders; - border-top-color: shade(@borders, 1.1); - border-left-color: shade(@borders, 1.05); - border-right-color: shade(@borders, 1.05); - color: @toolbar_fg_color; - background-color: @toolbar_bg_color; } - toolbar button.flat:active, toolbar button.flat:checked { - color: @theme_fg_color; - background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); } - toolbar button.flat:disabled { - border-color: transparent; - color: alpha(@toolbar_fg_color, 0.8); - background-color: transparent; } - toolbar menubar { - -GtkToolbar-button-relief: normal; } - -.primary-toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - border-width: 0 0 1px 0; - border-style: solid; - border-color: mix(@borders, @toolbar_bg_color, 0.5); - color: @toolbar_fg_color; - background-color: @toolbar_bg_color; } - .primary-toolbar:backdrop { - border-color: @theme_unfocused_bg_color; - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_bg_color; } - .primary-toolbar button, .primary-toolbar .raised button { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 8px; - color: @toolbar_fg_color; - border-color: @borders; - border-top-color: shade(@borders, 1.1); - border-left-color: shade(@borders, 1.05); - border-right-color: shade(@borders, 1.05); - background-color: @toolbar_bg_color; - -gtk-outline-radius: 8px; } - .primary-toolbar button:hover, .primary-toolbar .raised button:hover { - color: @toolbar_fg_color; - background-color: shade(@toolbar_bg_color, 1.1); } - .primary-toolbar button:active, .primary-toolbar button:checked, .primary-toolbar .raised button:active, .primary-toolbar .raised button:checked { - color: @theme_fg_color; - border-color: shade(@borders, 0.9); - background-color: mix(@toolbar_bg_color, @toolbar_fg_color, 0.1); } - .primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled { - color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.1); - border-color: mix(@toolbar_fg_color, @theme_disabled_bg_color, 0.85); - background-color: shade(@theme_disabled_bg_color, 0.9); } - .primary-toolbar button:disabled, .primary-toolbar .raised button:disabled { - color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.5); } - -.inline-toolbar toolbar { - -GtkToolbar-button-relief: normal; - padding: 1px; - border-width: 1px; - border-style: solid; - border-color: mix(@borders, @toolbar_bg_color, 0.5); - border-radius: 0; - background-color: @toolbar_bg_color; } - .inline-toolbar toolbar:last-child { - border-width: 0 1px 1px 1px; - border-radius: 0; } - .inline-toolbar toolbar button { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 8px; - color: @toolbar_fg_color; - border-color: @borders; - border-top-color: shade(@borders, 1.1); - border-left-color: shade(@borders, 1.05); - border-right-color: shade(@borders, 1.05); - background-color: @toolbar_bg_color; - -gtk-outline-radius: 8px; } - .inline-toolbar toolbar button:hover { - color: @toolbar_fg_color; - background-color: shade(@toolbar_bg_color, 1.1); } - .inline-toolbar toolbar button:active, .inline-toolbar toolbar button:checked { - color: @theme_fg_color; - border-color: shade(@borders, 0.9); - background-color: mix(@toolbar_bg_color, @toolbar_fg_color, 0.1); } - .inline-toolbar toolbar button:active:disabled, .inline-toolbar toolbar button:checked:disabled { - color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.1); - border-color: mix(@toolbar_fg_color, @theme_disabled_bg_color, 0.85); - background-color: shade(@theme_disabled_bg_color, 0.9); } - .inline-toolbar toolbar button:disabled { - color: mix(@toolbar_fg_color, @theme_unfocused_disabled_fg_color, 0.5); } - -.linked button, .linked .raised button, .inline-toolbar .linked button, .inline-toolbar .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button, .osd .linked button, .osd .linked .raised button, .inline-toolbar .osd .linked button, .inline-toolbar .osd .linked .raised button, .primary-toolbar .osd .linked button, .primary-toolbar .osd .linked .raised button { - border-radius: 0; - border-left-width: 0; } - .linked button:first-child, .linked .raised button:first-child, .inline-toolbar .linked button:first-child, .inline-toolbar .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child, .osd .linked button:first-child, .osd .linked .raised button:first-child, .inline-toolbar .osd .linked button:first-child, .inline-toolbar .osd .linked .raised button:first-child, .primary-toolbar .osd .linked button:first-child, .primary-toolbar .osd .linked .raised button:first-child { - border-radius: 0; - border-left-width: 1px; - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; } - .linked button:last-child, .linked .raised button:last-child, .inline-toolbar .linked button:last-child, .inline-toolbar .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child, .osd .linked button:last-child, .osd .linked .raised button:last-child, .inline-toolbar .osd .linked button:last-child, .inline-toolbar .osd .linked .raised button:last-child, .primary-toolbar .osd .linked button:last-child, .primary-toolbar .osd .linked .raised button:last-child { - border-left-width: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; } - .linked button:only-child, .linked .raised button:only-child, .inline-toolbar .linked button:only-child, .inline-toolbar .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child, .osd .linked button:only-child, .osd .linked .raised button:only-child, .inline-toolbar .osd .linked button:only-child, .inline-toolbar .osd .linked .raised button:only-child, .primary-toolbar .osd .linked button:only-child, .primary-toolbar .osd .linked .raised button:only-child { - border-width: 1px; - border-radius: 8px; } -.linked entry, .inline-toolbar .linked entry, .primary-toolbar .linked entry, .osd .linked entry, .inline-toolbar .osd .linked entry, .primary-toolbar .osd .linked entry { - border-radius: 0; - border-left-width: 0; } - .linked entry:first-child, .inline-toolbar .linked entry:first-child, .primary-toolbar .linked entry:first-child, .osd .linked entry:first-child, .inline-toolbar .osd .linked entry:first-child, .primary-toolbar .osd .linked entry:first-child { - border-left-width: 1px; - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; } - .linked entry:last-child, .inline-toolbar .linked entry:last-child, .primary-toolbar .linked entry:last-child, .osd .linked entry:last-child, .inline-toolbar .osd .linked entry:last-child, .primary-toolbar .osd .linked entry:last-child { - border-left-width: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; } - .linked entry:only-child, .inline-toolbar .linked entry:only-child, .primary-toolbar .linked entry:only-child, .osd .linked entry:only-child, .inline-toolbar .osd .linked entry:only-child, .primary-toolbar .osd .linked entry:only-child { - border-width: 1px; - border-radius: 8px; } -.linked combobox box.linked button, .inline-toolbar .linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button, .osd .linked combobox box.linked button, .inline-toolbar .osd .linked combobox box.linked button, .primary-toolbar .osd .linked combobox box.linked button { - border-radius: 0; - border-left-width: 0; } -.linked combobox:first-child box.linked button, .inline-toolbar .linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button, .osd .linked combobox:first-child box.linked button, .inline-toolbar .osd .linked combobox:first-child box.linked button, .primary-toolbar .osd .linked combobox:first-child box.linked button { - border-left-width: 1px; - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; } -.linked combobox:last-child box.linked button, .inline-toolbar .linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button, .osd .linked combobox:last-child box.linked button, .inline-toolbar .osd .linked combobox:last-child box.linked button, .primary-toolbar .osd .linked combobox:last-child box.linked button { - border-left-width: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; } -.linked combobox:only-child box.linked button, .inline-toolbar .linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button, .osd .linked combobox:only-child box.linked button, .inline-toolbar .osd .linked combobox:only-child box.linked button, .primary-toolbar .osd .linked combobox:only-child box.linked button { - border-width: 1px; - border-radius: 8px; } - -.vertical.linked button, .osd .vertical.linked button { - border-left-width: 1px; - border-top-width: 0; - border-radius: 0; } - .vertical.linked button:first-child, .osd .vertical.linked button:first-child { - border-top-width: 1px; - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .vertical.linked button:last-child, .osd .vertical.linked button:last-child { - border-top-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - .vertical.linked button:only-child, .osd .vertical.linked button:only-child { - border-top-width: 1px; } -.vertical.linked entry, .osd .vertical.linked entry { - border-left-width: 1px; - border-top-width: 0; - border-radius: 0; } - .vertical.linked entry:first-child, .osd .vertical.linked entry:first-child { - border-top-width: 1px; - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .vertical.linked entry:last-child, .osd .vertical.linked entry:last-child { - border-top-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - .vertical.linked entry:only-child, .osd .vertical.linked entry:only-child { - border-top-width: 1px; } -.vertical.linked combobox box.linked button, .osd .vertical.linked combobox box.linked button { - border-left-width: 1px; - border-top-width: 0; - border-radius: 0; } -.vertical.linked combobox:first-child box.linked button, .osd .vertical.linked combobox:first-child box.linked button { - border-top-width: 1px; - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.vertical.linked combobox:last-child box.linked button, .osd .vertical.linked combobox:last-child box.linked button { - border-top-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } -.vertical.linked combobox:only-child box.linked button, .osd .vertical.linked combobox:only-child box.linked button { - border-top-width: 1px; } -.vertical.linked spinbutton button:first-child, .osd .vertical.linked spinbutton button:first-child { - border-width: 1px; - border-top-width: 0; - border-left-width: 1px; } -.vertical.linked spinbutton button:last-child, .osd .vertical.linked spinbutton button:last-child { - border-width: 0; - border-left-width: 1px; - border-right-width: 1px; - border-bottom-width: 1px; - border-top-right-radius: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - -.stack-switcher button { - min-height: 20px; - min-width: 80px; } - -tooltip { - border-radius: 8px; - box-shadow: none; } - tooltip.background { - border-width: 1px; - border-style: solid; - border-color: @borders; - background-color: @tooltip_bg_color; } - tooltip.background label { - padding: 1px; } - tooltip * { - background-color: transparent; - color: @tooltip_fg_color; } - -treeview { - -treeview-vertical-separator: 0; } - treeview.view:selected, treeview.view:selected:focus { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - treeview header button { - border-width: 0 1px 1px 0; - border-radius: 0; } - treeview header button, treeview header button:active, treeview header button:focus, treeview header button:active:focus { - background-image: none; - background-color: @theme_bg_color; } - treeview header button:hover, treeview header button:active:hover, treeview header button:hover:focus, treeview header button:active:hover:focus { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - treeview header:last-child button { - border-width: 0 0 1px 0; } - treeview entry, treeview entry.flat { - border-radius: 0; - background-image: none; - background-color: @theme_base_color; } - treeview entry:focus, treeview entry.flat:focus { - border-color: @theme_selected_bg_color; } - -.view { - color: @theme_text_color; - background-color: @theme_base_color; } - .view:not(treeview) { - border-radius: 3px; } - .view:disabled { - color: @theme_disabled_fg_color; - background-color: @theme_disabled_bg_color; } - .view:selected, .view:selected:focus, .view text:selected, .view text:selected:focus, .view text selection, .view text selection:focus { - color: @theme_selected_text_color; - background-color: @theme_selected_base_color; } - .view:selected:disabled, .view:selected:focus:disabled, .view text:selected:disabled, .view text:selected:focus:disabled, .view text selection:disabled, .view text selection:focus:disabled { - color: mix(@theme_selected_text_color, @theme_disabled_fg_color, 0.5); - background-color: @theme_selected_base_color; } - .view:selected:backdrop, .view:selected:focus:backdrop, .view text:selected:backdrop, .view text:selected:focus:backdrop, .view text selection:backdrop, .view text selection:focus:backdrop { - color: @theme_selected_text_color; - background-color: @theme_selected_base_color; } - -actionbar { - padding: 4px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: @borders; - color: @theme_fg_color; - background-color: @theme_bg_color; } - actionbar:backdrop { - border-color: @unfocused_borders; - color: @theme_unfocused_fg_color; - background-color: @theme_unfocused_bg_color; } - actionbar button.text-button { - padding: 4px; } - actionbar button .image-button { - padding: 6px; } - actionbar .title { - font-weight: bold; - padding: 0 12px; } - actionbar .subtitle { - font-size: smaller; - padding: 0 12px; } - -searchbar { - border-width: 0 0 1px 0; - border-style: solid; - border-color: @borders; - background-color: @theme_bg_color; } - -.app-notification { - border-style: solid; - border-color: @borders; - border-width: 1px; - border-radius: 0; - margin: 5px; - padding: 8px; - background-color: @theme_base_color; - color: @theme_text_color; } - .app-notification border { - border: none; } - -.background.osd { - color: @osd_fg; - background-color: @osd_bg; } - -.osd frame { - background-clip: border-box; - background-origin: border-box; } - -.osd button, button.osd { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 8px; - color: @osd_fg; - border-color: shade(@osd_bg, 0.8); - border-top-color: shade(shade(@osd_bg, 0.8), 1.1); - border-left-color: shade(shade(@osd_bg, 0.8), 1.05); - border-right-color: shade(shade(@osd_bg, 0.8), 1.05); - background-color: @osd_bg; - -gtk-outline-radius: 8px; } - .osd button:hover, button.osd:hover { - color: @osd_fg; - background-color: shade(@osd_bg, 1.1); } - .osd button:active, .osd button:checked, button.osd:active, button.osd:checked { - color: @theme_fg_color; - border-color: shade(shade(@osd_bg, 0.8), 0.9); - background-color: mix(@osd_bg, @osd_fg, 0.1); } - .osd button:active:disabled, .osd button:checked:disabled, button.osd:active:disabled, button.osd:checked:disabled { - color: mix(@osd_fg, @theme_unfocused_disabled_fg_color, 0.1); - border-color: mix(@osd_fg, @theme_disabled_bg_color, 0.85); - background-color: shade(@theme_disabled_bg_color, 0.9); } - .osd button:disabled, button.osd:disabled { - color: mix(@osd_fg, @theme_unfocused_disabled_fg_color, 0.5); } - -.osd toolbar, toolbar.osd { - -GtkToolbar-button-relief: normal; - padding: 4px; - border-width: 1px; - border-style: solid; - border-radius: 0; - border-color: shade(@osd_bg, 0.8); - background-color: @osd_bg; - color: @osd_fg; } - .osd toolbar button, toolbar.osd button { - border-color: transparent; - border-radius: 8px; - color: @osd_fg; - background-color: transparent; } - .osd toolbar button:hover, toolbar.osd button:hover { - border-color: shade(@osd_bg, 0.8); - border-top-color: shade(shade(@osd_bg, 0.8), 1.1); - border-left-color: shade(shade(@osd_bg, 0.8), 1.05); - border-right-color: shade(shade(@osd_bg, 0.8), 1.05); - color: @osd_fg; - background-color: @osd_bg; } - .osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, toolbar.osd button:checked { - color: @theme_fg_color; - background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); } - .osd toolbar button:disabled, toolbar.osd button:disabled { - border-color: transparent; - color: alpha(@osd_fg, 0.8); - background-color: transparent; } - .osd toolbar separator, toolbar.osd separator { - color: shade(@osd_bg, 0.9); } - -.osd scale slider, scale.osd slider { - border-color: shade(@osd_bg, 0.8); - background-color: @osd_fg; } - .osd scale slider:hover, scale.osd slider:hover { - background-color: @osd_fg; } - .osd scale slider:disabled, scale.osd slider:disabled { - background-color: mix(@osd_bg, @osd_fg, 0.15); } -.osd scale trough, scale.osd trough { - border-color: mix(@osd_bg, @osd_fg, 0.15); } - .osd scale trough:disabled, scale.osd trough:disabled { - border-color: shade(@osd_bg, 0.85); - background-color: transparent; } -.osd scale highlight, scale.osd highlight { - border-color: @theme_selected_base_color; - background-color: @theme_selected_base_color; } - -.osd progress, progress.osd { - background-color: @theme_selected_base_color; } - -.osd progressbar, progressbar.osd { - padding: 0; } - .osd progressbar trough, progressbar.osd trough { - padding: 0; - border-style: none; - border-radius: 0; - background-color: transparent; } - .osd progressbar progress, progressbar.osd progress { - border-style: none; - border-radius: 0; - background-color: @theme_selected_bg_color; } - -.osd scrollbar trough, scrollbar.osd trough { - background-color: transparent; } -.osd scrollbar slider, scrollbar.osd slider { - border-width: 0px; - border-radius: 6px; - background-color: mix(@osd_base, @osd_fg, 0.21); } - .osd scrollbar slider:hover, scrollbar.osd slider:hover { - border-color: mix(@osd_base, @osd_fg, 0.31); - background-color: mix(@osd_base, @osd_fg, 0.31); } - .osd scrollbar slider:active, scrollbar.osd slider:active { - border-color: mix(@osd_base, @osd_fg, 0.31); - background-color: mix(@osd_base, @osd_fg, 0.1); } - -.osd view, view.osd, .osd.view { - background-color: @osd_base; } - .osd view:selected, .osd view:selected:focus, view.osd:selected, view.osd:selected:focus, .osd.view:selected, .osd.view:selected:focus { - background-color: transparent; - border-style: solid; - border-radius: 0; - border-width: 3px; - border-color: @osd_fg; - outline-color: transparent; } - -button.destructive-action { - border-width: 1px; - border-style: solid; - border-color: mix(@error_color, @theme_fg_color, 0.2); - border-radius: 8px; - color: mix(@theme_selected_fg_color, @error_color, 0.1); - background-color: @error_color; } - button.destructive-action:hover { - border-color: mix(@error_color, @theme_fg_color, 0.3); - background-color: mix(@error_color, @theme_selected_fg_color, 0.2); } - button.destructive-action:active { - border-color: mix(@error_color, @theme_fg_color, 0.3); - background-color: mix(@error_color, @theme_fg_color, 0.1); } - button.destructive-action:backdrop { - border-color: mix(@error_color, @theme_unfocused_fg_color, 0.2); - color: mix(@theme_unfocused_selected_fg_color, @error_color, 0.1); - background-color: mix(@error_color, @theme_unfocused_bg_color, 0.3); } - -button.suggested-action { - border-width: 1px; - border-style: solid; - border-radius: 8px; - border-color: @success_color; - color: @theme_selected_fg_color; - background-color: @success_color; } - button.suggested-action:active, button.suggested-action:checked { - background-color: shade(@success_color, 0.9); } - button.suggested-action:active:backdrop, button.suggested-action:checked:backdrop { - color: @theme_unfocused_selected_fg_color; } - button.suggested-action:disabled { - border-color: mix(@success_color, @theme_disabled_bg_color, 0.2); - color: mix(@theme_selected_fg_color, @theme_disabled_fg_color, 0.2); - background-color: shade(mix(@success_color, @theme_disabled_bg_color, 0.2), 1.2); } - button.suggested-action:backdrop { - color: @theme_unfocused_selected_fg_color; } - -headerbar button.suggested-action { - border-width: 1px; - border-style: solid; - border-radius: 8px; - border-color: @success_color; - color: @theme_selected_fg_color; - background-color: @success_color; } - headerbar button.suggested-action:active, headerbar button.suggested-action:checked { - background-color: shade(@success_color, 0.9); } - headerbar button.suggested-action:active:backdrop, headerbar button.suggested-action:checked:backdrop { - color: @theme_unfocused_selected_fg_color; } - headerbar button.suggested-action:disabled { - border-color: mix(@success_color, @theme_disabled_bg_color, 0.2); - color: mix(@theme_selected_fg_color, @theme_disabled_fg_color, 0.2); - background-color: shade(mix(@success_color, @theme_disabled_bg_color, 0.2), 1.2); } - headerbar button.suggested-action:backdrop { - color: @theme_unfocused_selected_fg_color; } - -toolbar.selection-mode { - padding: 4px; } - -headerbar.selection-mode, toolbar.selection-mode { - border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.6); - color: @theme_selected_fg_color; - background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.6); } - headerbar.selection-mode:backdrop, toolbar.selection-mode:backdrop { - border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.6); - color: @theme_unfocused_selected_fg_color; - background-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.6); } - headerbar.selection-mode button, toolbar.selection-mode button { - border-width: 1px; - border-style: solid; - border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.7); - border-radius: 8px; - color: mix(@theme_selected_bg_color, @theme_fg_color, 0.2); - background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.7); } - headerbar.selection-mode button:hover, toolbar.selection-mode button:hover { - border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.75); - background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.75); } - headerbar.selection-mode button:active, headerbar.selection-mode button:checked, toolbar.selection-mode button:active, toolbar.selection-mode button:checked { - border-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.45); - background-color: mix(@theme_selected_bg_color, @theme_selected_fg_color, 0.45); } - headerbar.selection-mode button:active:backdrop, headerbar.selection-mode button:checked:backdrop, toolbar.selection-mode button:active:backdrop, toolbar.selection-mode button:checked:backdrop { - border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.45); - background-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.45); } - headerbar.selection-mode button:backdrop, toolbar.selection-mode button:backdrop { - border-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.75); - color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_fg_color, 0.3); - background-color: mix(@theme_unfocused_selected_bg_color, @theme_unfocused_selected_fg_color, 0.75); } - headerbar.selection-mode button.suggested-action, toolbar.selection-mode button.suggested-action { - border-width: 1px; - border-style: solid; - border-radius: 8px; - border-color: @success_color; - color: @theme_selected_fg_color; - background-color: @success_color; } - headerbar.selection-mode button.suggested-action:active, headerbar.selection-mode button.suggested-action:checked, toolbar.selection-mode button.suggested-action:active, toolbar.selection-mode button.suggested-action:checked { - background-color: shade(@success_color, 0.9); } - headerbar.selection-mode button.suggested-action:active:backdrop, headerbar.selection-mode button.suggested-action:checked:backdrop, toolbar.selection-mode button.suggested-action:active:backdrop, toolbar.selection-mode button.suggested-action:checked:backdrop { - color: @theme_unfocused_selected_fg_color; } - headerbar.selection-mode button.suggested-action:disabled, toolbar.selection-mode button.suggested-action:disabled { - border-color: mix(@success_color, @theme_disabled_bg_color, 0.2); - color: mix(@theme_selected_fg_color, @theme_disabled_fg_color, 0.2); - background-color: shade(mix(@success_color, @theme_disabled_bg_color, 0.2), 1.2); } - headerbar.selection-mode button.suggested-action:backdrop, toolbar.selection-mode button.suggested-action:backdrop { - color: @theme_unfocused_selected_fg_color; } - headerbar.selection-mode .selection-menu button, toolbar.selection-mode .selection-menu button { - border-style: none; - background-color: transparent; - color: shade(@theme_selected_bg_color, 0.8); } - headerbar.selection-mode .selection-menu button .dim-label, toolbar.selection-mode .selection-menu button .dim-label { - color: shade(@theme_selected_bg_color, 0.7); } - -decoration { - border-radius: 4px 4px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px alpha(@dark_shadow, 0.3), 0 0 0 1px alpha(@dark_shadow, 0.25); - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px alpha(@dark_shadow, 0.2), 0 0 0 1px alpha(@dark_shadow, 0.25); } - .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - box-shadow: 0 0 0 1px alpha(@dark_shadow, 0.1); - border-radius: 4px; } - .ssd decoration { - border-radius: 4px 4px 0 0; - box-shadow: 0 0 0 1px alpha(@dark_shadow, 0.1); } - .ssd decoration.maximized { - border-radius: 0; } - tooltip.csd decoration { - border-radius: 4px; - box-shadow: none; } - .solid-csd decoration { - margin: 1px; - border-radius: 0px; - background-color: alpha(@light_shadow, 0.95); - box-shadow: none; } - -window.background.csd.popup { - border-radius: 4px; } - -messagedialog { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - messagedialog .background.csd { - border-radius: 4px; - color: @theme_fg_color; - background-color: @theme_bg_color; } - messagedialog decoration { - border-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - box-shadow: 0 1px 2px alpha(@dark_shadow, 0.2); } - messagedialog .titlebar.horizontal { - background-image: none; - background-color: @theme_bg_color; } - messagedialog.csd .dialog-action-area button { - padding: 10px; - border-radius: 0; - border-bottom-style: none; - background-image: none; } - messagedialog.csd .dialog-action-area button:last-child { - border-right-width: 0; - border-radius: 0px; - border-bottom-right-radius: 4px; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-width: 0; - border-radius: 0px; - border-bottom-left-radius: 4px; } - messagedialog.csd .dialog-action-area button:only-child { - border-radius: 0px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - -.titlebar { - border-bottom: none; - border-radius: 4px 4px 0px 0px; } - .titlebar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - .titlebar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - color: alpha(currentColor, 0.7); } - .titlebar .titlebutton.close, .titlebar .titlebutton.maximize, .titlebar .titlebutton.minimize, .titlebar .titlebutton:not(separator) { - min-width: 28px; - min-height: 28px; - padding: 0; - border: none; - color: transparent; - background-color: transparent; - -gtk-icon-shadow: none; - border-radius: 100%; - background-position: center center; - background-repeat: no-repeat; } - .titlebar .titlebutton.close:hover, .titlebar .titlebutton.close:active, .titlebar .titlebutton.maximize:hover, .titlebar .titlebutton.maximize:active, .titlebar .titlebutton.minimize:hover, .titlebar .titlebutton.minimize:active, .titlebar .titlebutton:not(separator):hover, .titlebar .titlebutton:not(separator):active { - background-color: alpha(@theme_base_color, 0.2); } - .titlebar .titlebutton.close { - background: url("assets/close-normal.png") center center; } - .titlebar .titlebutton.close:hover, .titlebar .titlebutton.close:active { - background-color: @error_color; } - .titlebar .titlebutton.close:backdrop { - background: url("assets/close-backdrop.png") center center; } - .titlebar .titlebutton.minimize { - background: url("assets/minimize-normal.png") center center; } - .titlebar .titlebutton.minimize:backdrop { - background: url("assets/minimize-backdrop.png") center center; } - .titlebar .titlebutton.maximize { - background: url("assets/maximize-normal.png") center center; } - .titlebar .titlebutton.maximize:backdrop { - background: url("assets/maximize-backdrop.png") center center; } - .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { - border-radius: 0; } - -.titlebar, .titlebar:not(headerbar), headerbar.default-decoration, .csd headerbar.default-decoration, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar) { - min-height: 30px; - color: @titlebar_fg_color; - background-color: @titlebar_bg_color; } - .titlebar:backdrop, .titlebar:not(headerbar):backdrop, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar):backdrop, .csd .default-decoration.titlebar:not(headerbar):backdrop { - color: alpha(@titlebar_fg_color, 0.8); } - -.caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item { - color: @desktop_item_fg; - text-shadow: 1px 1px @desktop_item_text_shadow; } - .caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, .nautilus-desktop.nautilus-canvas-item:active { - color: @desktop_item_fg; } - .caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, .nautilus-desktop.nautilus-canvas-item:selected { - color: @desktop_item_selected_fg; - text-shadow: none; } - -panel-toplevel.background, panel-toplevel.background menubar { - background-color: @taskbar_bg_color; - color: @taskbar_fg_color; } -panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { - color: @taskbar_fg_color; } -panel-toplevel.background menubar > menuitem, panel-toplevel.background menubar > menuitem label:backdrop { - color: @taskbar_fg_color; } -panel-toplevel.background menubar > menuitem:hover, panel-toplevel.background menubar > menuitem:hover label:backdrop { - color: @theme_selected_fg_color; } -panel-toplevel.background button { - background-color: @taskbar_bg_color; - border: none; - border-radius: 0; - box-shadow: none; - color: @taskbar_fg_color; } - panel-toplevel.background button:active, panel-toplevel.background button:checked { - background-color: shade(@taskbar_bg_color, 0.8); - border: none; - box-shadow: none; - color: @taskbar_fg_color; } - -#tasklist-button, #tasklist-button label { - color: alpha(@taskbar_fg_color, 0.7); - border-radius: 0; - border: none; - box-shadow: none; - background-color: transparent; } - #tasklist-button:hover, #tasklist-button label:hover { - color: alpha(@taskbar_fg_color, 0.7); - background-color: transparent; } - #tasklist-button:checked, #tasklist-button label:checked { - color: @taskbar_fg_color; } - -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; } - -.mate-panel-menu-bar menubar > menuitem { - color: @taskbar_fg_color; - background-color: @taskbar_bg_color; } - -.mate-panel-menu-bar { - color: @taskbar_fg_color; - background-color: @taskbar_bg_color; } - .mate-panel-menu-bar button, .mate-panel-menu-bar button.flat { - background-color: transparent; } - .mate-panel-menu-bar, .mate-panel-menu-bar .menubar { - background-color: @taskbar_bg_color; } - .mate-panel-menu-bar menubar, .mate-panel-menu-bar menubar menuitem, .mate-panel-menu-bar togglebutton { - border-color: transparent; - background-color: transparent; } - .mate-panel-menu-bar menubar menuitem:hover, .mate-panel-menu-bar menubar menuitem:active { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - .mate-panel-menu-bar .menubar > .menuitem { - padding-top: 0; - padding-bottom: 0; } - .mate-panel-menu-bar GtkMenu .label { - color: @theme_fg_color; - font-style: normal; } - .mate-panel-menu-bar GtkMenu .label:disabled { - color: @theme_disabled_fg_color; } - .mate-panel-menu-bar .button:not(#tasklist-button) { - color: @taskbar_fg_color; - border-radius: 0; - border: none; - background-color: @taskbar_bg_color; } - .mate-panel-menu-bar .button:not(#tasklist-button):hover { - border: none; - background-color: shade(@taskbar_bg_color, 1.1); } - .mate-panel-menu-bar .button:not(#tasklist-button):active, .mate-panel-menu-bar .button:not(#tasklist-button):checked { - color: @theme_selected_fg_color; - border: none; - background-color: @theme_selected_bg_color; } - .mate-panel-menu-bar #tasklist-button { - color: @taskbar_fg_color; - background-color: @taskbar_bg_color; - border-radius: 0; - border: none; } - .mate-panel-menu-bar #tasklist-button:hover { - border: none; - background-color: shade(@taskbar_bg_color, 1.1); } - .mate-panel-menu-bar #tasklist-button:active, .mate-panel-menu-bar #tasklist-button:checked { - color: @theme_selected_fg_color; - border: none; - box-shadow: none; - background-image: none; - background-color: @theme_selected_bg_color; } - .mate-panel-menu-bar PanelSeparator { - color: shade(@taskbar_bg_color, 0.7); - padding-top: 4px; - padding-bottom: 4px; } - .mate-panel-menu-bar NaTrayApplet { - -NaTrayApplet-icon-padding: 2; } - .mate-panel-menu-bar #PanelApplet label { - color: @taskbar_fg_color; } - .mate-panel-menu-bar .caja-desktop.entry, .mate-panel-menu-bar .caja-navigation-window .view.entry { - background-image: none; - border-radius: 8px; - box-shadow: none; - border-color: shade(@theme_selected_bg_color, 0.6); - background-color: @theme_base_color; } - .mate-panel-menu-bar .caja-desktop.entry:selected, .mate-panel-menu-bar .caja-navigation-window .view.entry:selected { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - -.mintmenu:hover { - background-color: shade(@taskbar_bg_color, 1.1); } - -.mintmenu:selected { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - -.wnck-pager { - background-color: alpha(black, 0.04); } - .wnck-pager:selected { - background-color: alpha(@selected_bg_color, 0.3); } - .wnck-pager:hover { - background-color: alpha(@selected_bg_color, 0.2); } - -.xfce4-panel.panel { - background-color: @taskbar_bg_color; } - .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { - color: @taskbar_fg_color; - background-color: @taskbar_bg_color; - border-radius: 0; - border: none; } - .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { - border: none; - background-color: shade(@taskbar_bg_color, 1.1); } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.sidebar-button:checked { - color: @theme_selected_fg_color; - border: none; - box-shadow: none; - background-image: none; - background-color: @theme_selected_bg_color; } - -#XfceNotifyWindow.osd { - background-color: @theme_bg_color; - color: @theme_fg_color; - border-radius: 8px; - border: none; } - #XfceNotifyWindow.osd label#summary { - font-weight: bold; } - #XfceNotifyWindow.osd button { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 8px; - color: @theme_fg_color; - border-color: @borders; - border-top-color: shade(@borders, 1.1); - border-left-color: shade(@borders, 1.05); - border-right-color: shade(@borders, 1.05); - background-color: @theme_bg_color; - -gtk-outline-radius: 8px; } - #XfceNotifyWindow.osd button:hover { - color: @theme_fg_color; - background-color: shade(@theme_bg_color, 1.1); } - #XfceNotifyWindow.osd button:active, #XfceNotifyWindow.osd button:checked { - color: @theme_fg_color; - border-color: shade(@borders, 0.9); - background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); } - #XfceNotifyWindow.osd button:active:disabled, #XfceNotifyWindow.osd button:checked:disabled { - color: mix(@theme_fg_color, @theme_unfocused_disabled_fg_color, 0.1); - border-color: mix(@theme_fg_color, @theme_disabled_bg_color, 0.85); - background-color: shade(@theme_disabled_bg_color, 0.9); } - #XfceNotifyWindow.osd button:disabled { - color: mix(@theme_fg_color, @theme_unfocused_disabled_fg_color, 0.5); } - -.nemo-window .nemo-window-pane widget.entry { - border: 1px solid; - border-radius: 3px; - border-color: @theme_selected_bg_color; - color: @theme_fg_color; - background-color: @theme_base_color; } - .nemo-window .nemo-window-pane widget.entry:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } -.nemo-window .sidebar { - color: @sidebar_fg_color; - background-color: @sidebar_bg_color; } - .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { - color: @sidebar_fg_color; - background-color: transparent; } - .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { - border-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { - color: @theme_fg_color; } - .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { - color: @theme_selected_bg_color; } - .nemo-window .sidebar separator, .nemo-window .sidebar separator:backdrop { - background-color: transparent; } - -UnityDecoration { - -UnityDecoration-extents: 28px 0 0 0; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); - -UnityDecoration-inactive-shadow-radius: 5px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: @theme_selected_bg_color; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration .top { - border: none; - border-radius: 8px 8px 0 0; - padding: 1px 8px 0 8px; - background-color: @titlebar_bg_color; - color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); - text-shadow: none; } - UnityDecoration .top:backdrop { - background-color: @theme_unfocused_bg_color; - color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); } - UnityDecoration .left, UnityDecoration .right, UnityDecoration.bottom { - background-color: @titlebar_bg_color; } - UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration.bottom:backdrop { - background-color: @titlebar_bg_color; } - UnityDecoration.menuitem, UnityDecoration .menuitem { - border-radius: 0; } - UnityDecoration.menuitem:hover, UnityDecoration.menuitem *:hover, UnityDecoration .menuitem:hover, UnityDecoration .menuitem *:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - -UnityPanelWidget, .unity-panel { - border-width: 0 0 1px 0; - border-style: solid; - border-color: @taskbar_bg_color; - background-color: @taskbar_bg_color; - color: @taskbar_fg_color; } - UnityPanelWidget.menuitem, UnityPanelWidget .menuitem, .unity-panel.menuitem, .unity-panel .menuitem { - border-width: 0 1px; - color: @taskbar_fg_color; } - -@keyframes playbackmenuitem_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: playbackmenuitem_spinner 1s infinite linear; - color: @theme_selected_bg_color; } diff --git a/gtk-3.20/gtk.css b/gtk-3.20/gtk.css index 6ffafbb..77ece86 100644 --- a/gtk-3.20/gtk.css +++ b/gtk-3.20/gtk.css @@ -1,120 +1,2724 @@ -/* Normal colors */ -@import url("gtk-widgets.css"); -@define-color bg_color #ECEDEF; -@define-color fg_color #000000; -@define-color base_color #f9f9f9; -@define-color text_color #000000; -@define-color selected_bg_color #de4815; -@define-color selected_fg_color #f9f9f9; -@define-color selected_base_color #19b6ee; -@define-color selected_text_color #f9f9f9; -@define-color disabled_bg_color mix(@fg_color, @bg_color, 0.95); -@define-color disabled_fg_color mix(@fg_color, @bg_color, 0.5); -@define-color disabled_base_color shade(@base_color, 0.95); -@define-color disabled_text_color @disabled_fg_color; -/* Backdrop state colors */ -@define-color unfocused_bg_color @bg_color; -@define-color unfocused_fg_color mix(@fg_color, @base_color, 0.3); -@define-color unfocused_base_color @base_color; -@define-color unfocused_text_color @unfocused_fg_color; -@define-color unfocused_selected_bg_color @selected_bg_color; -@define-color unfocused_selected_fg_color @selected_fg_color; -@define-color unfocused_disabled_bg_color @disabled_bg_color; -@define-color unfocused_disabled_fg_color @disabled_fg_color; -@define-color unfocused_disabled_base_color @disabled_base_color; -@define-color unfocused_disabled_text_color @disabled_text_color; -/* Darker color scheme */ -@define-color dark_bg_color #111111; -@define-color dark_fg_color #eeeeee; -/* Theme colors */ -@define-color theme_bg_color @bg_color; -@define-color theme_fg_color @fg_color; -@define-color theme_base_color @base_color; -@define-color theme_text_color @text_color; -@define-color theme_selected_bg_color @selected_bg_color; -@define-color theme_selected_fg_color @selected_fg_color; -@define-color theme_selected_base_color @selected_base_color; -@define-color theme_selected_text_color @selected_text_color; -@define-color theme_disabled_bg_color @disabled_bg_color; -@define-color theme_disabled_fg_color @disabled_fg_color; -@define-color theme_disabled_text_color @disabled_text_color; -@define-color theme_disabled_base_color @disabled_base_color; -/* Unfocused color scheme */ -@define-color theme_unfocused_bg_color @unfocused_bg_color; -@define-color theme_unfocused_fg_color @unfocused_fg_color; -@define-color theme_unfocused_base_color @unfocused_base_color; -@define-color theme_unfocused_text_color @unfocused_text_color; -@define-color theme_unfocused_selected_bg_color @unfocused_selected_bg_color; -@define-color theme_unfocused_selected_fg_color @unfocused_selected_fg_color; -@define-color theme_unfocused_disabled_bg_color @unfocused_disabled_bg_color; -@define-color theme_unfocused_disabled_fg_color @unfocused_disabled_fg_color; -@define-color theme_unfocused_disabled_text_color @unfocused_disabled_text_color; -@define-color theme_unfocused_disabled_base_color @unfocused_disabled_base_color; -/* Shadows */ -@define-color dark_shadow rgb(0, 0, 0); -@define-color color_shadow @selected_bg_color; -@define-color light_shadow rgb(255, 255, 255); -/* Borders */ -@define-color borders shade(@bg_color, 0.9); -@define-color outline_color shade(@bg_color, 0.75); -@define-color unfocused_borders shade(@unfocused_bg_color, 0.9); -/* Notification header backgrounds */ -@define-color info_fg_color #FFFFFF; -@define-color info_bg_color #0055FF; -@define-color warning_fg_color #FFFFFF; -@define-color warning_bg_color #FF8300; -@define-color question_fg_color #FFFFFF; -@define-color question_bg_color #2C2C2C; -@define-color error_fg_color #FFFFFF; -@define-color error_bg_color #FF0000; -@define-color link_color @selected_base_color; -@define-color error_color #ed3146; -@define-color success_color #48b259; +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-has-secondary-backward-stepper: false; + -GtkScrollbar-has-secondary-forward-stepper: false; + -GtkScrolledwindow-scrollbar-spacing: 0; + -GtkScrolledwindow-scrollbars-within-bevel: 1; + -GtkTextView-error-underline-color: #ED3146; + -GtkToolbutton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkTreeview-expander-size: 8; + background-clip: padding-box; + outline-width: 1px; + outline-offset: -3px; + outline-style: dashed; + outline-color: shade(#ECEDEF, 0.75); + -gtk-outline-radius: 0; } + +.background { + color: #000000; + background-color: alpha(#ECEDEF, 0.999); } + .background:backdrop { + color: mix(#000000, #F9F9F9, 0.3); + background-color: #ECEDEF; } + +*:disabled { + -gtk-icon-effect: dim; } +*:hover { + -gtk-icon-effect: highlight; } + +.gtkstyle-fallback { + color: #000000; + background-color: #ECEDEF; } + .gtkstyle-fallback:hover { + color: #000000; + background-color: shade(#ECEDEF, 1.1); } + .gtkstyle-fallback:active { + color: #000000; + background-color: shade(#ECEDEF, 0.9); } + .gtkstyle-fallback:disabled { + color: mix(#000000, #ECEDEF, 0.5); + background-color: mix(#000000, #ECEDEF, 0.95); } + .gtkstyle-fallback:selected { + color: #F9F9F9; + background-color: #DE4815; } + +image, image:disabled, label, label:disabled, box, box:disabled { + background-color: transparent; } + +label selection { + background-color: #DE4815; + color: #F9F9F9; } +label.dim-label, label.separator, popover label.separator, popover.background label.separator, label:disabled { + opacity: 0.55; } + +button { + transition: border 100ms ease-in-out; } + +entry { + transition: border 100ms ease-out; } + entry:focus { + transition: border 100ms ease-in; } + +notebook tab label, notebook .prelight-page, notebook .prelight-page label, notebook .active-page, notebook .active-page label { + transition: all 200ms ease-in; } + +scale, progressbar { + transition: 200ms ease-out; } + scale:backdrop, progressbar:backdrop { + transition: 200ms ease-out; } + +scale slider, switch slider { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:backdrop, switch slider:backdrop { + transition: 200ms ease-out; } +scale:backdrop slider, switch:backdrop slider { + transition: 200ms ease-out; } + +scrollbar { + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar:backdrop { + transition: 200ms ease-out; } + scrollbar slider { + transition: 200ms ease-out; } + +decoration { + transition: 200ms ease-out; } + decoration:backdrop { + transition: 200ms ease-out; } + +assistant .sidebar label.highlight { + color: #F9F9F9; + background-color: #DE4815; } +assistant .sidebar { + padding: 4px; + border-width: 0 1px 0 0; + border-style: solid; + border-radius: 0; + border-right-color: shade(#ECEDEF, 0.9); + color: #000000; + background-color: #ECEDEF; } + +button:link > label, button:visited > label, +*:link, +button:link, +button:visited { + color: #19B6EE; } + button:link > label:visited, button:visited > label:visited, + *:link:visited, + button:visited { + color: mix(#19B6EE, #000000, 0.2); } + *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected + *:link:visited, *:selected + button:visited:link, *:selected + button:visited { + color: mix(#F9F9F9, #DE4815, 0.4); } + button:link > label:hover, button:visited > label:hover, + *:link:hover, + button:hover:link, + button:hover:visited { + color: shade(#19B6EE, 1.1); } + *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected + *:link:hover, *:selected + button:hover:link, *:selected + button:hover:visited { + color: mix(#F9F9F9, #DE4815, 0.9); } + button:link > label:active, button:visited > label:active, + *:link:active, + button:active:link, + button:active:visited { + color: #19B6EE; } + *:selected button:link > label:active, *:selected button:visited > label:active, *:selected + *:link:active, *:selected + button:active:link, *:selected + button:active:visited { + color: mix(#F9F9F9, #DE4815, 0.8); } + button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop, + *:link:backdrop:backdrop:hover, + button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, + *:link:backdrop:backdrop:hover:selected, + button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, + *:link:backdrop, + button:backdrop:link, + button:backdrop:visited { + color: mix(#19B6EE, shade(#ECEDEF, 0.7), 0.3); } + button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label, + *:link:selected, + button:selected:link, + button:selected:visited, *:selected + *:link, *:selected + button:link, *:selected + button:visited { + color: mix(#F9F9F9, #DE4815, 0.8); } + +button:link, button:visited { + border-color: transparent; + background-color: transparent; + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, button:link:focus:active, button:visited:hover, button:visited:active, button:visited:checked, button:visited:focus:active { + border-color: transparent; + background-color: transparent; + text-shadow: none; } + button:link > label, button:visited > label { + text-decoration-line: underline; } + +button { + padding: 4px 8px; + border-style: solid; + border-width: 1px; + border-radius: 8px; + color: #000000; + border-color: shade(#ECEDEF, 0.9); + border-top-color: shade(shade(#ECEDEF, 0.9), 1.1); + border-left-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-right-color: shade(shade(#ECEDEF, 0.9), 1.05); + background-color: #F9F9F9; + -gtk-outline-radius: 8px; } + button:hover { + color: #000000; + background-color: shade(#F9F9F9, 1.1); } + button:active, button:checked { + color: #000000; + border-color: shade(shade(#ECEDEF, 0.9), 0.9); + background-color: mix(#F9F9F9, #000000, 0.1); } + button:active:disabled, button:checked:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.1); + border-color: mix(#000000, mix(#000000, #ECEDEF, 0.95), 0.85); + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.9); } + button:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.5); } +button.flat { + border-color: transparent; + border-radius: 8px; + color: #000000; + background-color: transparent; } + button.flat:hover { + border-color: shade(#ECEDEF, 0.9); + border-top-color: shade(shade(#ECEDEF, 0.9), 1.1); + border-left-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-right-color: shade(shade(#ECEDEF, 0.9), 1.05); + color: #000000; + background-color: #F9F9F9; } + button.flat:active, button.flat:checked { + color: #000000; + background-color: mix(#ECEDEF, #000000, 0.1); } + button.flat:disabled { + border-color: transparent; + color: alpha(#000000, 0.8); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 4px; + outline-offset: 0; } + +checkbutton { + padding: 4px; } + checkbutton:hover, checkbutton:active:hover { + padding: 4px; + border-style: none; + background-color: transparent; } + checkbutton:selected { + padding: 4px; + border-style: none; + background-color: transparent; } + checkbutton:selected:focus { + padding: 4px; + border-style: none; + background-color: transparent; } + +view.content-view check, .content-view.view check { + background-color: transparent; } + view.content-view check:active, .content-view.view check:active { + background-color: transparent; } + +view.content-view check:hover, view.content-view check:disabled, view.content-view check:selected { + background-color: transparent; } + +check, radio, check:disabled, radio:disabled { + margin: 4px; + border-style: none; + background-color: transparent; } + +check, .check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked-@2.png")); } + check:backdrop, .check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused.png"), url("assets/checkbox-unchecked-unfocused-@2.png")); } + check:disabled, .check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive-@2.png")); } + check:disabled:backdrop, .check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused.png"), url("assets/checkbox-unchecked-insensitive-unfocused-@2.png")); } + check:active, check:checked, .check:active, .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked-@2.png")); } + check:active:backdrop, check:checked:backdrop, .check:active:backdrop, .check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused.png"), url("assets/checkbox-checked-unfocused-@2.png")); } + check:active:disabled, check:checked:disabled, .check:active:disabled, .check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive-@2.png")); } + check:active:disabled:backdrop, check:checked:disabled:backdrop, .check:active:disabled:backdrop, .check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused.png")); } + check:indeterminate, .check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed-@2.png")); } + check:indeterminate:backdrop, .check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused.png"), url("assets/checkbox-mixed-unfocused-@2.png")); } + check:indeterminate:disabled, .check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive-@2.png")); } + check:indeterminate:disabled:backdrop, .check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused.png"), url("assets/checkbox-mixed-insensitive-unfocused-@2.png")); } +check row:selected check, .check row:selected check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected-@2.png")); } + check row:selected check:backdrop, .check row:selected check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused-selected.png"), url("assets/checkbox-unchecked-unfocused-selected-@2.png")); } + check row:selected check:disabled, .check row:selected check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected-@2.png")); } + check row:selected check:disabled:backdrop, .check row:selected check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused-selected.png"), url("assets/checkbox-unchecked-insensitive-unfocused-selected-@2.png")); } + check row:selected check:active, check row:selected check:checked, .check row:selected check:active, .check row:selected check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected-@2.png")); } + check row:selected check:active:backdrop, check row:selected check:checked:backdrop, .check row:selected check:active:backdrop, .check row:selected check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused-selected.png"), url("assets/checkbox-checked-unfocused-selected-@2.png")); } + check row:selected check:active:disabled, check row:selected check:checked:disabled, .check row:selected check:active:disabled, .check row:selected check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected-@2.png")); } + check row:selected check:active:disabled:backdrop, check row:selected check:checked:disabled:backdrop, .check row:selected check:active:disabled:backdrop, .check row:selected check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused-selected.png")); } + check row:selected check:indeterminate, .check row:selected check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected-@2.png")); } + check row:selected check:indeterminate:backdrop, .check row:selected check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused-selected.png"), url("assets/checkbox-mixed-unfocused-selected-@2.png")); } + check row:selected check:indeterminate:disabled, .check row:selected check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected-@2.png")); } + check row:selected check:indeterminate:disabled:backdrop, .check row:selected check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused-selected.png"), url("assets/checkbox-mixed-insensitive-unfocused-selected-@2.png")); } + +radio, .radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked-@2.png")); } + radio:backdrop, .radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused.png"), url("assets/radio-unchecked-unfocused-@2.png")); } + radio:disabled, .radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive-@2.png")); } + radio:disabled:backdrop, .radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused.png"), url("assets/radio-unchecked-insensitive-unfocused-@2.png")); } + radio:active, radio:checked, .radio:active, .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked-@2.png")); } + radio:active:backdrop, radio:checked:backdrop, .radio:active:backdrop, .radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused.png"), url("assets/radio-checked-unfocused-@2.png")); } + radio:active:disabled, radio:checked:disabled, .radio:active:disabled, .radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive-@2.png")); } + radio:active:disabled:backdrop, radio:checked:disabled:backdrop, .radio:active:disabled:backdrop, .radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused.png"), url("assets/radio-checked-insensitive-unfocused-@2.png")); } + radio:indeterminate, .radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed-@2.png")); } + radio:indeterminate:backdrop, .radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused.png"), url("assets/radio-mixed-unfocused-@2.png")); } + radio:indeterminate:disabled, .radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive-@2.png")); } + radio:indeterminate:disabled:backdrop, .radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused-@2.png")); } +radio row:selected radio, .radio row:selected radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected-@2.png")); } + radio row:selected radio:backdrop, .radio row:selected radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused-selected.png"), url("assets/radio-unchecked-unfocused-selected-@2.png")); } + radio row:selected radio:disabled, .radio row:selected radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected-@2.png")); } + radio row:selected radio:disabled:backdrop, .radio row:selected radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused-selected.png"), url("assets/radio-unchecked-insensitive-unfocused-selected-@2.png")); } + radio row:selected radio:active, radio row:selected radio:checked, .radio row:selected radio:active, .radio row:selected radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected-@2.png")); } + radio row:selected radio:active:backdrop, radio row:selected radio:checked:backdrop, .radio row:selected radio:active:backdrop, .radio row:selected radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused-selected.png"), url("assets/radio-checked-unfocused-selected-@2.png")); } + radio row:selected radio:active:disabled, radio row:selected radio:checked:disabled, .radio row:selected radio:active:disabled, .radio row:selected radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected-@2.png")); } + radio row:selected radio:active:disabled:backdrop, radio row:selected radio:checked:disabled:backdrop, .radio row:selected radio:active:disabled:backdrop, .radio row:selected radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused-selected.png"), url("assets/radio-checked-insensitive-unfocused-selected-@2.png")); } + radio row:selected radio:indeterminate, .radio row:selected radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected-@2.png")); } + radio row:selected radio:indeterminate:backdrop, .radio row:selected radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused-selected.png"), url("assets/radio-mixed-unfocused-selected-@2.png")); } + radio row:selected radio:indeterminate:disabled, .radio row:selected radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected-@2.png")); } + radio row:selected radio:indeterminate:disabled:backdrop, .radio row:selected radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused-selected.png"), url("assets/radio-mixed-insensitive-unfocused-selected-@2.png")); } + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } +menuitem check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked-@2.png")); } + menuitem check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused.png"), url("assets/checkbox-unchecked-unfocused-@2.png")); } + menuitem check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive-@2.png")); } + menuitem check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused.png"), url("assets/checkbox-unchecked-insensitive-unfocused-@2.png")); } + menuitem check:active, menuitem check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked-@2.png")); } + menuitem check:active:backdrop, menuitem check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused.png"), url("assets/checkbox-checked-unfocused-@2.png")); } + menuitem check:active:disabled, menuitem check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive-@2.png")); } + menuitem check:active:disabled:backdrop, menuitem check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused.png")); } + menuitem check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed-@2.png")); } + menuitem check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused.png"), url("assets/checkbox-mixed-unfocused-@2.png")); } + menuitem check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive-@2.png")); } + menuitem check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused.png"), url("assets/checkbox-mixed-insensitive-unfocused-@2.png")); } +menuitem check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected-@2.png")); } + menuitem check:hover:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-unfocused-selected.png"), url("assets/checkbox-unchecked-unfocused-selected-@2.png")); } + menuitem check:hover:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected-@2.png")); } + menuitem check:hover:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-unfocused-selected.png"), url("assets/checkbox-unchecked-insensitive-unfocused-selected-@2.png")); } + menuitem check:hover:active, menuitem check:hover:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected-@2.png")); } + menuitem check:hover:active:backdrop, menuitem check:hover:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-unfocused-selected.png"), url("assets/checkbox-checked-unfocused-selected-@2.png")); } + menuitem check:hover:active:disabled, menuitem check:hover:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected-@2.png")); } + menuitem check:hover:active:disabled:backdrop, menuitem check:hover:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-unfocused-selected.png")); } + menuitem check:hover:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected-@2.png")); } + menuitem check:hover:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-unfocused-selected.png"), url("assets/checkbox-mixed-unfocused-selected-@2.png")); } + menuitem check:hover:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected-@2.png")); } + menuitem check:hover:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-unfocused-selected.png"), url("assets/checkbox-mixed-insensitive-unfocused-selected-@2.png")); } +menuitem radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked-@2.png")); } + menuitem radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused.png"), url("assets/radio-unchecked-unfocused-@2.png")); } + menuitem radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive-@2.png")); } + menuitem radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused.png"), url("assets/radio-unchecked-insensitive-unfocused-@2.png")); } + menuitem radio:active, menuitem radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked-@2.png")); } + menuitem radio:active:backdrop, menuitem radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused.png"), url("assets/radio-checked-unfocused-@2.png")); } + menuitem radio:active:disabled, menuitem radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive-@2.png")); } + menuitem radio:active:disabled:backdrop, menuitem radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused.png"), url("assets/radio-checked-insensitive-unfocused-@2.png")); } + menuitem radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed-@2.png")); } + menuitem radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused.png"), url("assets/radio-mixed-unfocused-@2.png")); } + menuitem radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive-@2.png")); } + menuitem radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused-@2.png")); } +menuitem radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected-@2.png")); } + menuitem radio:hover:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-unfocused-selected.png"), url("assets/radio-unchecked-unfocused-selected-@2.png")); } + menuitem radio:hover:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected-@2.png")); } + menuitem radio:hover:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-unfocused-selected.png"), url("assets/radio-unchecked-insensitive-unfocused-selected-@2.png")); } + menuitem radio:hover:active, menuitem radio:hover:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected-@2.png")); } + menuitem radio:hover:active:backdrop, menuitem radio:hover:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-unfocused-selected.png"), url("assets/radio-checked-unfocused-selected-@2.png")); } + menuitem radio:hover:active:disabled, menuitem radio:hover:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected-@2.png")); } + menuitem radio:hover:active:disabled:backdrop, menuitem radio:hover:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-unfocused-selected.png"), url("assets/radio-checked-insensitive-unfocused-selected-@2.png")); } + menuitem radio:hover:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected-@2.png")); } + menuitem radio:hover:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-unfocused-selected.png"), url("assets/radio-mixed-unfocused-selected-@2.png")); } + menuitem radio:hover:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected-@2.png")); } + menuitem radio:hover:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused-selected.png"), url("assets/radio-mixed-insensitive-unfocused-selected-@2.png")); } + +.content-view.view { + background-color: #F9F9F9; } + .content-view.view:hover { + background-color: alpha(#DE4815, 0.6); } + .content-view.view:selected, .content-view.view:active { + background-color: #DE4815; } + .content-view.view:disabled { + background-color: shade(#F9F9F9, 0.9); } + +calendar { + padding: 2px; + border-width: 1px; + border-radius: 8px; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); + color: #000000; } + calendar.header { + border: none; + color: #DE4815; } + calendar.button { + color: #DE4815; } + calendar:selected { + border-radius: 0; + color: #F9F9F9; + background-color: #DE4815; } + calendar:indeterminate { + color: alpha(currentColor, 0.55); } + calendar.highlight { + color: #DE4815; } + +entry { + padding: 5px; + border-width: 1px; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); + border-top-color: shade(shade(#ECEDEF, 0.9), 1.1); + border-left-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-right-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-radius: 8px; + color: #000000; + caret-color: #19B6EE; + background-color: #F9F9F9; } + entry:selected, entry:selected:focus, entry selection, entry selection:focus { + color: #F9F9F9; + background-color: #19B6EE; } + entry:disabled { + color: mix(#000000, #ECEDEF, 0.5); } + entry:disabled:backdrop { + color: mix(#000000, #ECEDEF, 0.75); + border-color: shade(#ECEDEF, 0.9); + background-color: mix(#000000, #ECEDEF, 0.98); } + entry.read-only { + background-color: mix(#ECEDEF, mix(#000000, #ECEDEF, 0.95), 0.1); } + entry:backdrop { + color: mix(#000000, #F9F9F9, 0.3); + background-color: #F9F9F9; } + entry > image.left { + padding-right: 5px; } + entry > image.right { + padding-left: 5px; } + entry progress { + margin: -4px -4px; + border-width: 0 0 2px; + border-radius: 0; + border-style: solid; + border-color: #DE4815; + background-color: transparent; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 3px; + border-radius: 0; + background-image: none; + border-color: transparent; } + entry.search { + border-radius: 40px; } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #DE4815; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +list { + color: #000000; + background-color: #F9F9F9; } + list row { + padding: 2px; } + list row:hover { + background-color: mix(#ECEDEF, #000000, 0.1); } + list row:backdrop { + color: mix(#000000, #F9F9F9, 0.3); } + list row:selected, list row:selected:hover, list row:selected:focus { + border: none; + color: #F9F9F9; + background-color: #DE4815; } + list row:selected:disabled { + color: alpha(#F9F9F9, 0.7); + background-color: #DE4815; } + list row:selected:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); + background-color: shade(#ECEDEF, 0.7); } + list separator, list separator:backdrop { + background: none; } + +frame > border { + border-width: 1px; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); + border-radius: 0; + box-shadow: none; } +frame.flat > border, frame > border.flat, statusbar frame > border { + border: none; } + +.frame { + background: none; } + +iconview:selected, iconview:selected:focus, iconview text:selected, iconview text selection, iconview text:selected:focus, iconview text selection:focus { + border-width: 1px; + border-style: solid; + border-color: #DE4815; + color: #F9F9F9; + background-color: #DE4815; } +iconview:selected:backdrop, iconview selection:backdrop, iconview text:selected:backdrop, iconview text selection:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); + background-color: shade(#ECEDEF, 0.7); } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband, view rubberband, .view.rubberband, .rubberband { + border-width: 1px; + border-style: solid; + border-color: #DE4815; + background: none; + background-color: alpha(#DE4815, 0.3); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 8px; } + flowbox flowboxchild:selected { + outline-offset: -2px; + color: #F9F9F9; + background-color: #DE4815; } + +infobar { + border: none; } + +.info { + border-width: 1px; + border-style: solid; + border-color: shade(#0055FF, 0.8); + color: #FFFFFF; + background-image: none; + background-color: #0055FF; } + .info button { + border-color: shade(#0055FF, 0.8); + color: #FFFFFF; + background-image: none; + background-color: shade(#0055FF, 1.08); } + .info button:hover { + border-color: shade(#0055FF, 0.85); + background-color: shade(#0055FF, 1.1); } + .info button:active { + border-color: shade(#0055FF, 0.6); + background-color: shade(#0055FF, 0.95); } + .info button:active:hover { + border-color: shade(#0055FF, 0.85); } + .info button.close { + color: #FFFFFF; } + .info button.close:hover { + background-color: alpha(white, 0.2); } + .info button.close:active { + color: #FFFFFF; + background-color: alpha(black, 0.1); } + +.warning { + border-width: 1px; + border-style: solid; + border-color: shade(#FF8300, 0.8); + color: #FFFFFF; + background-image: none; + background-color: #FF8300; } + .warning button { + border-color: shade(#FF8300, 0.8); + color: #FFFFFF; + background-image: none; + background-color: shade(#FF8300, 1.08); } + .warning button:hover { + border-color: shade(#FF8300, 0.85); + background-color: shade(#FF8300, 1.1); } + .warning button:active { + border-color: shade(#FF8300, 0.6); + background-color: shade(#FF8300, 0.95); } + .warning button:active:hover { + border-color: shade(#FF8300, 0.85); } + .warning button.close { + color: #FFFFFF; } + .warning button.close:hover { + background-color: alpha(white, 0.2); } + .warning button.close:active { + color: #FFFFFF; + background-color: alpha(black, 0.1); } + +.question { + border-width: 1px; + border-style: solid; + border-color: shade(#2C2C2C, 0.8); + color: #FFFFFF; + background-image: none; + background-color: #2C2C2C; } + .question button { + border-color: shade(#2C2C2C, 0.8); + color: #FFFFFF; + background-image: none; + background-color: shade(#2C2C2C, 1.08); } + .question button:hover { + border-color: shade(#2C2C2C, 0.85); + background-color: shade(#2C2C2C, 1.1); } + .question button:active { + border-color: shade(#2C2C2C, 0.6); + background-color: shade(#2C2C2C, 0.95); } + .question button:active:hover { + border-color: shade(#2C2C2C, 0.85); } + .question button.close { + color: #FFFFFF; } + .question button.close:hover { + background-color: alpha(white, 0.2); } + .question button.close:active { + color: #FFFFFF; + background-color: alpha(black, 0.1); } + +.error { + border-width: 1px; + border-style: solid; + border-color: shade(#FF0000, 0.8); + background-color: #FF0000; + background-image: none; + color: #FFFFFF; } + .error button { + border-color: shade(#FF0000, 0.8); + color: #FFFFFF; + background-image: none; + background-color: shade(#FF0000, 1.08); } + .error button:hover { + border-color: shade(#FF0000, 0.85); + background-color: shade(#FF0000, 1.1); } + .error button:active { + border-color: shade(#FF0000, 0.6); + background-color: shade(#FF0000, 0.95); } + .error button:active:hover { + border-color: shade(#FF0000, 0.85); } + .error button.close { + color: #FFFFFF; } + .error button.close:hover { + background-color: alpha(white, 0.2); } + .error button.close:active { + color: #FFFFFF; + background-color: alpha(black, 0.1); } + +image { + color: alpha(currentColor, 0.75); } + image:hover { + color: alpha(currentColor, 0.9); } + image:selected, image:selected:hover { + color: #F9F9F9; } + image:disabled { + color: alpha(currentColor, 0.5); } + view image, view image:hover { + color: alpha(currentColor, 0.9); } + view image:selected, view image:selected:hover { + color: #F9F9F9; } + +.floating-bar { + border-width: 1px; + border-style: solid; + border-color: shade(#F9F9F9, 0.85); + border-radius: 8px; + background-color: #F9F9F9; + color: #000000; } + .floating-bar.top { + border-top-width: 0px; + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + .floating-bar.bottom { + border-bottom-width: 0px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + .floating-bar.top.left, .floating-bar.bottom.left { + border-left-width: 0px; + border-bottom-left-radius: 0px; + border-top-left-radius: 0px; } + .floating-bar.top.right, .floating-bar.bottom.right { + border-right-width: 0px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + .floating-bar button { + border-style: none; + background-color: transparent; } + +.terminal-screen, terminal-window, vte-terminal { + background-color: #0D303A; + color: #EEEEEE; } + +terminal-screen-container, terminal-screen-container:backdrop, terminal-screen-container scrollbar:not(slider), terminal-screen-container scrollbar:not(slider):backdrop { + border-color: transparent; + background-color: transparent; } + +terminal-screen-container scrollbar slider { + background-color: #EEEEEE; } + terminal-screen-container scrollbar slider:hover { + background-color: shade(#EEEEEE, 1.05); } + terminal-screen-container scrollbar slider:active { + background-color: shade(#EEEEEE, 0.98); } + terminal-screen-container scrollbar slider:backdrop { + background-color: #EEEEEE; } + +terminal-window notebook > header, terminal-window notebook > header:backdrop { + color: #EEEEEE; + background-color: #0D303A; } +terminal-window notebook > header > tabs > tab { + color: #EEEEEE; + background-color: #0D303A; } + terminal-window notebook > header > tabs > tab button { + color: #EEEEEE; + background-color: #0D303A; } + +.dnd { + border-width: 1px; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); } + +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #F9F9F9; } + +.caja-location-entry { + padding: 3px 5px; } + +scrolledwindow viewport.frame { + border: none; } + +arrow, combobox arrow { + color: alpha(currentColor, 0.75); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font-family: Monospace; } + +.gedit-search-entry-occurrences-tag { + color: alpha(currentColor, 0.7); + border: none; + margin: 2px; + padding: 2px; } + +.gedit-search-slider { + border-color: shade(#ECEDEF, 0.9); + padding: 6px; + border-radius: 0 0 8px 8px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: #ECEDEF; } + +button.circular, button.circular-button { + padding: 0; + min-width: 16px; + min-height: 24px; + padding: 2px 6px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + +stackswitcher button.circular, stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +printdialog paper { + border: 1px solid shade(#ECEDEF, 0.9); + background: white; + padding: 0; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +:not(decoration):not(window):drop(active), :not(decoration):not(window):drop(active):focus { + border-color: #DE4815; + box-shadow: inset 0 0 0 1px #DE4815; + caret-color: #DE4815; } + +menu, .menu { + margin: 4px; + padding: 0; + border-radius: 8px; + border-style: none; + color: #000000; + background-color: #F9F9F9; } + .csd menu, .csd .menu { + padding: 4px 0px; + border-radius: 8px; + border: none; } + menu > arrow, .menu > arrow { + padding: 4px; + border-color: transparent; + background-color: #F9F9F9; + min-width: 16px; + min-height: 16px; } + menu > arrow.top, .menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid shade(#F9F9F9, 0.9); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, .menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid shade(#F9F9F9, 0.9); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubar, .menubar { + -GtkWidget-window-dragging: true; + padding: 0; + border-style: none; + background-color: #F9F9F9; + color: #000000; } + menubar:backdrop, .menubar:backdrop { + color: mix(#000000, #F9F9F9, 0.3); + background-color: #ECEDEF; } + +menubar > menuitem, .menubar > menuitem { + padding: 3px 5px; + border: none; + color: #000000; + background-color: transparent; } + menubar > menuitem:hover, .menubar > menuitem:hover { + color: #F9F9F9; + background-color: #DE4815; } + menubar > menuitem:disabled, .menubar > menuitem:disabled { + color: mix(#000000, #ECEDEF, 0.5); + background-color: transparent; } + menubar > menuitem:backdrop, .menubar > menuitem:backdrop { + color: mix(#000000, #F9F9F9, 0.3); + background-color: transparent; } + +menu menuitem, .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + border: none; + border-radius: 0; + color: #000000; + background-color: #F9F9F9; } + menu menuitem:hover, .menu menuitem:hover { + color: #F9F9F9; + background-color: #DE4815; } + menu menuitem:disabled, .menu menuitem:disabled { + color: mix(#000000, #F9F9F9, 0.5); } + menu menuitem arrow, .menu menuitem arrow { + min-width: 16px; + min-height: 16px; } + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { + margin-left: 10px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { + margin-right: 10px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +menuitem accelerator { + color: alpha(currentColor, 0.55); } + menuitem accelerator:hover { + color: alpha(#F9F9F9, 0.8); } + menuitem accelerator:disabled { + color: mix(#000000, #ECEDEF, 0.5); } + +popover, popover.background { + padding: 2px; + border-color: shade(#ECEDEF, 0.9); + border-width: 1px; + border-style: solid; + border-radius: 8px; + color: #000000; + background-clip: border-box; + background-color: #ECEDEF; + box-shadow: none; } + .csd popover, popover, .csd popover.background, popover.background { + border: 1px solid shade(#ECEDEF, 0.9); } + popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; } + popover checkbutton:selected, popover radiobutton:selected, popover.background checkbutton:selected, popover.background radiobutton:selected { + color: #F9F9F9; + background-color: #DE4815; } +popover.osd { + box-shadow: none; } + popover.osd > toolbar button { + border-width: 0; + border-radius: 0; + background-color: transparent; } +popover:backdrop { + border-color: shade(#ECEDEF, 0.9); + color: mix(#000000, #F9F9F9, 0.3); + background-color: #ECEDEF; + box-shadow: none; } + +modelbutton.flat, menuitem.button.flat, .menuitem.button.flat { + padding: 2px 8px; + border: none; + color: #000000; + background-color: transparent; } + modelbutton.flat:hover, modelbutton.flat:selected, modelbutton.flat:active:hover, menuitem.button.flat:hover, menuitem.button.flat:selected, menuitem.button.flat:active:hover, .menuitem.button.flat:hover, .menuitem.button.flat:selected, .menuitem.button.flat:active:hover { + color: #F9F9F9; + background-color: #DE4815; } + modelbutton.flat > image, menuitem.button.flat > image, .menuitem.button.flat > image { + padding-right: 4px; } + modelbutton.flat arrow.left, menuitem.button.flat arrow.left, .menuitem.button.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, menuitem.button.flat arrow.right, .menuitem.button.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook { + padding: 0; } + notebook.frame { + margin: -1px; + border-width: 1px; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); } + notebook.frame > header { + margin: -1px; } + notebook.frame > header.top { + margin-bottom: 0; } + notebook.frame > header.bottom { + margin-top: 0; } + notebook.frame > header.left { + margin-right: 0; } + notebook.frame > header.right { + margin-left: 0; } + notebook.frame > header.top, notebook.frame > header.bottom { + padding-left: 0; + padding-right: 0; } + notebook.frame > header.left, notebook.frame > header.right { + padding-top: 0; + padding-bottom: 0; } + notebook > stack:not(:only-child) { + background-color: #F9F9F9; } + notebook tab { + padding: 6px 20px; + border: none; + border-radius: 0; + color: #000000; + background-color: transparent; } + notebook tab:checked { + color: #19B6EE; } + notebook > header { + padding-top: 2px; + background-color: #F9F9F9; } + notebook > header:backdrop { + background-color: #F9F9F9; } + notebook > header.top { + box-shadow: 0 2px shade(shade(#ECEDEF, 0.9), 0.85); } + notebook > header.top > tabs > tab { + border-bottom: none; + margin-top: 2px; } + notebook > header.top > tabs > tab:checked { + box-shadow: 0 2px #19B6EE; } + notebook > header.bottom { + padding-top: 0; + box-shadow: 0 -2px shade(shade(#ECEDEF, 0.9), 0.85); } + notebook > header.bottom > tabs > tab { + border-top: none; + margin-bottom: 2px; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: 0 -2px #19B6EE; } + notebook > header.right { + box-shadow: -2px 0 shade(shade(#ECEDEF, 0.9), 0.85); } + notebook > header.right > tabs > tab { + border-left: none; + margin-right: 2px; } + notebook > header.right > tabs > tab:checked { + box-shadow: -2px 0 #19B6EE; } + notebook > header.left { + box-shadow: 2px 0 shade(shade(#ECEDEF, 0.9), 0.85); } + notebook > header.left > tabs > tab { + border-right: none; + margin-left: 2px; } + notebook > header.left > tabs > tab:checked { + box-shadow: 2px 0 shade(shade(#ECEDEF, 0.9), 0.85); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + notebook > header > tabs > arrow { + color: #000000; } + notebook > header > tabs > arrow:hover { + color: shade(#000000, 1.2); } + notebook > header > tabs > arrow:active { + color: shade(#000000, 0.8); } + notebook > header > tabs > arrow:disabled { + color: shade(#ECEDEF, 0.6); } + +paned > separator { + border: none; + color: transparent; + background-color: shade(#ECEDEF, 0.9); } + paned > separator:backdrop { + background-color: shade(#ECEDEF, 0.9); } + paned > separator:selected { + background-color: shade(#ECEDEF, 0.9); } +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(#DE4815, 0.2)), to(transparent)); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(#DE4815, 0.2)), to(transparent)); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(#DE4815, 0.2)), to(transparent)); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(#DE4815, 0.2)), to(transparent)); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } +undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } +undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } +undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +.overlay-bar { + background-color: alpha(black, 0.8); + border-radius: 0; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #EEEEEE; } + +progressbar { + padding: 0; + border: none; + color: mix(#000000, #F9F9F9, 0.5); + background-color: transparent; } + progressbar progress { + border: none; + border-radius: 10px; + background-color: #DE4815; } + progressbar progress:backdrop { + background-color: shade(#ECEDEF, 0.7); } + progressbar trough { + border-radius: 10px; + background-color: alpha(black, 0.1); } + progressbar trough:backdrop { + background-color: shade(#ECEDEF, 0.95); } + progressbar.horizontal trough, progressbar.horizontal progress { + min-height: 4px; } + progressbar.vertical trough, progressbar.vertical progress { + min-width: 4px; } + +treeview.view.progressbar, treeview.view.progressbar:disabled { + color: #F9F9F9; + border-radius: 0; + background-color: #DE4815; } +treeview.view.progressbar:focus, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, treeview.view.progressbar:disabled:selected { + border-radius: 0; + color: #DE4815; + background-color: #F9F9F9; } +treeview.view.trough { + color: #000000; + background-color: alpha(black, 0.1); + border-radius: 0; + border: none; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #F9F9F9; + background-color: alpha(black, 0.1); + border-radius: 0; + border: none; } +infobar treeview.view trough, row:selected treeview.view trough { + background-color: alpha(black, 0.1); } + +levelbar trough { + padding: 1px; + border-radius: 0; } +levelbar.horizontal.discrete block { + margin: 0 1px; } +levelbar.vertical.discrete block { + margin: 1px 0; } +levelbar block { + border: none; + padding: 2px; + border-radius: 10px; + background-color: #DE4815; } + levelbar block.high { + background-color: shade(#48B259, 0.9); } + levelbar block.low { + background-color: shade(#FF9900, 0.9); } + levelbar block.empty { + background-color: alpha(black, 0.1); } + +scale { + min-height: 10px; + min-width: 10px; + padding: 12px; } + scale fill, scale trough { + border: none; + border-radius: 4px; + background-color: alpha(black, 0.2); + outline-offset: 2px; + -gtk-outline-radius: 0; } + scale fill:disabled, scale trough:disabled { + background-color: alpha(black, 0.15); } + scale fill:disabled:backdrop, scale trough:disabled:backdrop { + background-color: alpha(black, 0.08); } + scale fill:backdrop, scale trough:backdrop { + background-color: alpha(black, 0.1); } + scale highlight { + border: none; + border-radius: 4px; + background-color: #19B6EE; } + scale highlight:disabled { + background-color: mix(#000000, #ECEDEF, 0.95); } + scale highlight:disabled:backdrop { + background-color: mix(#000000, #ECEDEF, 0.98); } + scale highlight:backdrop { + background-color: #19B6EE; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.fine-tune.horizontal { + padding-top: 10px; + padding-bottom: 10px; + min-height: 14px; } + scale.fine-tune.vertical { + padding-left: 10px; + padding-right: 10px; + min-width: 14px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, scale.fine-tune trough, scale.fine-tune highlight { + border-radius: 4px; + -gtk-outline-radius: 0; } + scale.fine-tune marks.top { + margin-bottom: 8px; + margin-top: -13px; } + scale.fine-tune marks.bottom { + margin-top: 8px; + margin-bottom: -13px; } + scale.fine-tune marks.top { + margin-right: 8px; + margin-left: -13px; } + scale.fine-tune marks.bottom { + margin-left: 8px; + margin-right: -13px; } + scale slider { + min-height: 14px; + min-width: 14px; + margin: -7px; + border: 1px solid shade(#ECEDEF, 0.9); + border-radius: 4px; + color: #000000; + background-color: #F9F9F9; } + scale slider:disabled { + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.95); + -gtk-icon-shadow: none; } + scale slider:disabled:backdrop { + background-color: mix(#000000, #ECEDEF, 0.98); + -gtk-icon-shadow: none; } + scale slider:backdrop { + color: mix(#000000, #F9F9F9, 0.3); + background-color: #F9F9F9; } + scale value { + color: alpha(currentColor, 0.55); } + scale marks { + color: alpha(currentColor, 0.55); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + +scrollbar { + border: none; + background-color: #F9F9F9; } + scrollbar trough { + border: none; + border-radius: 0; } + scrollbar:backdrop { + background-color: #F9F9F9; } + scrollbar slider { + min-width: 8px; + min-height: 8px; + margin: 2px; + border: none; + border-radius: 6px; + background-clip: padding-box; + background-color: shade(#ECEDEF, 0.6); } + scrollbar slider:hover { + background-color: shade(#ECEDEF, 0.6); } + scrollbar slider:hover:active { + background-color: shade(#ECEDEF, 0.55); } + scrollbar slider:backdrop { + background-color: shade(#ECEDEF, 0.55); } + scrollbar slider:disabled { + background-color: transparent; } + scrollbar.fine-tune slider { + min-width: 6px; + min-height: 6px; + border-radius: 6px; } + scrollbar.fine-tune.horizontal slider { + margin-top: 1px; + margin-bottom: 1px; } + scrollbar.fine-tune.vertical slider { + margin-left: 1px; + margin-right: 1px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border: none; + opacity: 0.7; + margin: 0; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 1px; + min-height: 1px; + background-color: shade(#ECEDEF, 0.6); + border: none; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0; + min-width: 40px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 1; } + scrollbar.horizontal slider { + min-width: 40px; } + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + scrollbar.vertical slider { + min-height: 40px; } + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + treeview ~ scrollbar.vertical { + border-top: 1px solid shade(#ECEDEF, 0.9); + margin-top: -1px; } + +separator { + -gtk-icon-source: none; + min-width: 1px; + min-height: 1px; + background-color: shade(#ECEDEF, 0.9); } + separator:backdrop { + background-color: shade(#ECEDEF, 0.9); } + button separator { + margin: 4px 1px; } + .sidebar view separator, view separator, separator .separator, separator { + border: none; + background-color: shade(#ECEDEF, 0.9); } + .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop { + border: none; + background-color: shade(#ECEDEF, 0.9); } + .primary-toolbar separator, toolbar separator { + background-color: mix(shade(#ECEDEF, 0.9), #F9F9F9, 0.5); } + .primary-toolbar separator:backdrop, toolbar separator:backdrop { + background-color: shade(#ECEDEF, 0.9); } + headerbar separator { + -GtkWidget-window-dragging: true; + margin-top: 4px; + margin-bottom: 4px; + background-color: mix(shade(#ECEDEF, 0.9), #111111, 0.5); } + headerbar separator:backdrop { + background-color: shade(#ECEDEF, 0.9); } + .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton { + -GtkWidget-window-dragging: true; + background-color: mix(shade(#ECEDEF, 0.9), #111111, 0.5); } + .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop { + background-color: shade(#ECEDEF, 0.9); } + headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { + min-width: 1px; + min-height: 1px; + background-color: mix(shade(#ECEDEF, 0.9), #111111, 0.5); } + headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { + background-color: shade(#ECEDEF, 0.9); } + .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { + border-color: shade(#ECEDEF, 0.9); } + .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { + border-color: shade(#ECEDEF, 0.9); } + headerbar button separator { + border-color: mix(shade(#ECEDEF, 0.9), #111111, 0.5); } + headerbar button separator:backdrop { + border-color: shade(#ECEDEF, 0.9); } + .titlebutton button separator, .titlebutton separator.titlebutton { + border-color: mix(shade(#ECEDEF, 0.9), #111111, 0.5); } + .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop { + border-color: shade(#ECEDEF, 0.9); } + menuitem separator { + border-width: 1px; + border-style: none; + color: mix(shade(#ECEDEF, 0.9), #F9F9F9, 0.5); } + popover separator { + border: 0; + color: alpha(currentColor, 0.5); + background-color: transparent; } + combobox separator { + border: none; } + +filechooser.csd.background, filechooser placessidebar list { + background-color: #ECEDEF; } + filechooser.csd.background:backdrop, filechooser placessidebar list:backdrop { + background-color: #ECEDEF; } +filechooser placessidebar.sidebar row, filechooser placessidebar.sidebar view row, filechooser placessidebar.sidebar row.sidebar-row { + border: none; + color: #000000; } + filechooser placessidebar.sidebar row:hover, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar view row:hover, filechooser placessidebar.sidebar view row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover { + color: #000000; + background-color: mix(#ECEDEF, #000000, 0.15); } + filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:selected:focus, filechooser placessidebar.sidebar view row:selected, filechooser placessidebar.sidebar view row:selected:hover, filechooser placessidebar.sidebar view row:selected:focus, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:focus { + color: #000000; + background-color: mix(#ECEDEF, black, 0.15); } + +.nautilus-window.csd.background, .nautilus-window placessidebar list { + background-color: #ECEDEF; } + .nautilus-window.csd.background:backdrop, .nautilus-window placessidebar list:backdrop { + background-color: #ECEDEF; } + +.nautilus-window placessidebar.sidebar row.sidebar-row { + border: none; + color: #000000; } + .nautilus-window placessidebar.sidebar row.sidebar-row:checked, .nautilus-window placessidebar.sidebar row.sidebar-row:selected { + color: #F9F9F9; } + +.sidebar frame, .sidebar.frame { + border: none; } +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row:selected { + color: #F9F9F9; + background-color: alpha(black, 0.4); } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row image.sidebar-icon { + opacity: 0.75; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + placessidebar row.sidebar-new-bookmark-row { + color: #DE4815; } + placessidebar row.sidebar-new-bookmark-row:drop(active):not(:disabled) { + color: #DE4815; + box-shadow: inset 0 1px #DE4815, inset 0 -1px #DE4815; } + placessidebar row.sidebar-new-bookmark-row:drop(active):not(:disabled):selected { + color: #F9F9F9; + background-color: #DE4815; } + +button.sidebar-button, button.sidebar-button:backdrop { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; + color: #000000; + -gtk-outline-radius: 100%; } +button.sidebar-button:hover, button.sidebar-button:active { + color: #000000; } +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +spinbutton:not(.vertical) selection, spinbutton:not(.vertical) selection:focus { + color: #F9F9F9; + background-color: #DE4815; } +spinbutton button:disabled, spinbutton entry:disabled { + color: mix(#000000, #ECEDEF, 0.5); } + spinbutton button:disabled:backdrop, spinbutton entry:disabled:backdrop { + color: mix(#000000, #ECEDEF, 0.75); } +spinbutton.horizontal entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + padding: 7px 15px; } + spinbutton.horizontal entry:focus { + box-shadow: none; } +spinbutton.horizontal button.down { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; } +spinbutton.horizontal button.up { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } +spinbutton.vertical entry { + border-radius: 0; } + spinbutton.vertical entry:focus { + box-shadow: none; } +spinbutton.vertical button.up { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom-width: 0; } +spinbutton.vertical button.down { + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +statusbar { + padding: 4px; + color: #000000; } + statusbar frame > border { + border: none; } + +switch { + font-size: 0; + color: transparent; + outline-offset: -4px; + margin: 4px; + border: 1px solid shade(#ECEDEF, 0.9); + border-radius: 7px; + background-color: shade(#ECEDEF, 0.9); } + switch:checked { + border-color: #48B259; + background-color: #48B259; } + switch:checked:backdrop { + border-color: mix(shade(#ECEDEF, 0.7), #48B259, 0.8); + background-color: mix(shade(#ECEDEF, 0.7), #48B259, 0.8); } + switch:disabled { + border-color: mix(#000000, #ECEDEF, 0.95); + background-color: mix(#000000, #ECEDEF, 0.95); } + switch:disabled:backdrop { + border-color: mix(#000000, #ECEDEF, 0.98); + background-color: mix(#000000, #ECEDEF, 0.98); } + switch:backdrop { + border-color: shade(#ECEDEF, 0.9); + background-color: shade(#ECEDEF, 0.9); } + switch slider { + min-width: 20px; + min-height: 20px; + margin: 0; + border: none; + border-radius: 6px; + color: #000000; + background-color: #F9F9F9; } + switch:disabled slider { + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.95); } + switch:disabled:backdrop slider { + background-color: mix(#000000, #ECEDEF, 0.98); } + switch:backdrop slider { + background-color: #F9F9F9; } + +textview { + color: #000000; + background-color: #F9F9F9; } + textview text:selected, textview text selection, textview text:selected:focus, textview text selection:focus { + color: #F9F9F9; + background-color: #19B6EE; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } +colorswatch.dark overlay { + color: alpha(white, 0.7); } + colorswatch.dark overlay:hover { + border-color: alpha(black, 0.5); } +colorswatch.light overlay { + color: alpha(white, 0.7); } + colorswatch.light overlay:hover { + border-color: alpha(black, 0.3); } +colorswatch overlay { + border: 1px solid alpha(black, 0.15); } + colorswatch overlay:hover { + background-color: alpha(white, 0.2); } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: alpha(black, 0.6); + box-shadow: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +colorchooser .popover.osd { + border-radius: 0; } +colorchooser #add-color-button { + background-clip: padding-box; + border-color: alpha(black, 0.1); + background-color: shade(#ECEDEF, 0.95); + color: #000000; } + colorchooser #add-color-button:hover { + border-color: alpha(black, 0.3); + background-color: shade(#ECEDEF, 0.9); + color: #000000; } + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-button label, .path-bar button label { + padding-left: 0; + padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +headerbar, headerbar:not(.titlebar) { + padding: 4px 8px; + border-width: 0; + border-style: solid; + border-color: mix(shade(#ECEDEF, 0.9), #111111, 0.5); + border-bottom-width: 1px; + box-shadow: 0 1px shade(#ECEDEF, 0.9); + color: #EEEEEE; + background-color: #111111; } + headerbar:backdrop, headerbar:not(.titlebar):backdrop { + color: alpha(#EEEEEE, 0.8); + background-color: #111111; } + .titlebar headerbar, .titlebar headerbar:backdrop, .titlebar headerbar:not(.titlebar), .titlebar headerbar:not(.titlebar):backdrop { + background-color: transparent; } + .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled headerbar:not(.titlebar), .tiled headerbar:not(.titlebar):backdrop, .maximized headerbar:not(.titlebar), .maximized headerbar:not(.titlebar):backdrop { + border-radius: 0; } + headerbar .title, headerbar:not(.titlebar) .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; } + headerbar .subtitle, headerbar:not(.titlebar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: alpha(currentColor, 0.7); } + headerbar button, headerbar:not(.titlebar) button { + padding: 4px 8px; + border-style: solid; + border-width: 1px; + border-radius: 8px; + color: #EEEEEE; + border-color: shade(#EEEEEE, 0.3); + border-top-color: shade(shade(#EEEEEE, 0.3), 1.1); + border-left-color: shade(shade(#EEEEEE, 0.3), 1.05); + border-right-color: shade(shade(#EEEEEE, 0.3), 1.05); + background-color: #111111; + -gtk-outline-radius: 8px; } + headerbar button:hover, headerbar:not(.titlebar) button:hover { + color: #EEEEEE; + background-color: shade(#111111, 1.1); } + headerbar button:active, headerbar button:checked, headerbar:not(.titlebar) button:active, headerbar:not(.titlebar) button:checked { + color: #F9F9F9; + border-color: shade(shade(#EEEEEE, 0.3), 0.9); + background-color: mix(#111111, #EEEEEE, 0.2); } + headerbar button:active:disabled, headerbar button:checked:disabled, headerbar:not(.titlebar) button:active:disabled, headerbar:not(.titlebar) button:checked:disabled { + color: mix(#EEEEEE, mix(#000000, #ECEDEF, 0.75), 0.1); + border-color: mix(#EEEEEE, mix(#000000, #ECEDEF, 0.95), 0.85); + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.9); } + headerbar button:disabled, headerbar:not(.titlebar) button:disabled { + color: mix(#EEEEEE, mix(#000000, #ECEDEF, 0.75), 0.5); } + headerbar entry, headerbar:not(.titlebar) entry { + padding: 4px 8px; } + +toolbar { + padding: 4px; + border: none; + color: #000000; + background-color: #F9F9F9; } + toolbar:backdrop { + color: mix(#000000, #F9F9F9, 0.3); + background-color: #ECEDEF; } + toolbar:disabled { + color: mix(#000000, #ECEDEF, 0.5); + background-color: mix(#000000, #ECEDEF, 0.95); } + toolbar button.flat { + border-color: transparent; + border-radius: 8px; + color: #000000; + background-color: transparent; } + toolbar button.flat:hover { + border-color: shade(#ECEDEF, 0.9); + border-top-color: shade(shade(#ECEDEF, 0.9), 1.1); + border-left-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-right-color: shade(shade(#ECEDEF, 0.9), 1.05); + color: #000000; + background-color: #F9F9F9; } + toolbar button.flat:active, toolbar button.flat:checked { + color: #000000; + background-color: mix(#ECEDEF, #000000, 0.1); } + toolbar button.flat:disabled { + border-color: transparent; + color: alpha(#000000, 0.8); + background-color: transparent; } + toolbar menubar { + -GtkToolbar-button-relief: normal; } + +.primary-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + border-width: 0 0 1px 0; + border-style: solid; + border-color: mix(shade(#ECEDEF, 0.9), #F9F9F9, 0.5); + color: #000000; + background-color: #F9F9F9; } + .primary-toolbar:backdrop { + border-color: #ECEDEF; + color: mix(#000000, #F9F9F9, 0.3); + background-color: #ECEDEF; } + .primary-toolbar button, .primary-toolbar .raised button { + padding: 4px 8px; + border-style: solid; + border-width: 1px; + border-radius: 8px; + color: #000000; + border-color: shade(#ECEDEF, 0.9); + border-top-color: shade(shade(#ECEDEF, 0.9), 1.1); + border-left-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-right-color: shade(shade(#ECEDEF, 0.9), 1.05); + background-color: #F9F9F9; + -gtk-outline-radius: 8px; } + .primary-toolbar button:hover, .primary-toolbar .raised button:hover { + color: #000000; + background-color: shade(#F9F9F9, 1.1); } + .primary-toolbar button:active, .primary-toolbar button:checked, .primary-toolbar .raised button:active, .primary-toolbar .raised button:checked { + color: #000000; + border-color: shade(shade(#ECEDEF, 0.9), 0.9); + background-color: mix(#F9F9F9, #000000, 0.1); } + .primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.1); + border-color: mix(#000000, mix(#000000, #ECEDEF, 0.95), 0.85); + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.9); } + .primary-toolbar button:disabled, .primary-toolbar .raised button:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.5); } + +.inline-toolbar toolbar { + -GtkToolbar-button-relief: normal; + padding: 1px; + border-width: 1px; + border-style: solid; + border-color: mix(shade(#ECEDEF, 0.9), #F9F9F9, 0.5); + border-radius: 0; + background-color: #F9F9F9; } + .inline-toolbar toolbar:last-child { + border-width: 0 1px 1px 1px; + border-radius: 0; } + .inline-toolbar toolbar button { + padding: 4px 8px; + border-style: solid; + border-width: 1px; + border-radius: 8px; + color: #000000; + border-color: shade(#ECEDEF, 0.9); + border-top-color: shade(shade(#ECEDEF, 0.9), 1.1); + border-left-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-right-color: shade(shade(#ECEDEF, 0.9), 1.05); + background-color: #F9F9F9; + -gtk-outline-radius: 8px; } + .inline-toolbar toolbar button:hover { + color: #000000; + background-color: shade(#F9F9F9, 1.1); } + .inline-toolbar toolbar button:active, .inline-toolbar toolbar button:checked { + color: #000000; + border-color: shade(shade(#ECEDEF, 0.9), 0.9); + background-color: mix(#F9F9F9, #000000, 0.1); } + .inline-toolbar toolbar button:active:disabled, .inline-toolbar toolbar button:checked:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.1); + border-color: mix(#000000, mix(#000000, #ECEDEF, 0.95), 0.85); + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.9); } + .inline-toolbar toolbar button:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.5); } + +.linked button, .linked .raised button, .inline-toolbar .linked button, .inline-toolbar .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button, .osd .linked button, .osd .linked .raised button, .inline-toolbar .osd .linked button, .inline-toolbar .osd .linked .raised button, .primary-toolbar .osd .linked button, .primary-toolbar .osd .linked .raised button { + border-radius: 0; + border-left-width: 0; } + .linked button:first-child, .linked .raised button:first-child, .inline-toolbar .linked button:first-child, .inline-toolbar .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child, .osd .linked button:first-child, .osd .linked .raised button:first-child, .inline-toolbar .osd .linked button:first-child, .inline-toolbar .osd .linked .raised button:first-child, .primary-toolbar .osd .linked button:first-child, .primary-toolbar .osd .linked .raised button:first-child { + border-radius: 0; + border-left-width: 1px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } + .linked button:last-child, .linked .raised button:last-child, .inline-toolbar .linked button:last-child, .inline-toolbar .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child, .osd .linked button:last-child, .osd .linked .raised button:last-child, .inline-toolbar .osd .linked button:last-child, .inline-toolbar .osd .linked .raised button:last-child, .primary-toolbar .osd .linked button:last-child, .primary-toolbar .osd .linked .raised button:last-child { + border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } + .linked button:only-child, .linked .raised button:only-child, .inline-toolbar .linked button:only-child, .inline-toolbar .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child, .osd .linked button:only-child, .osd .linked .raised button:only-child, .inline-toolbar .osd .linked button:only-child, .inline-toolbar .osd .linked .raised button:only-child, .primary-toolbar .osd .linked button:only-child, .primary-toolbar .osd .linked .raised button:only-child { + border-width: 1px; + border-radius: 8px; } +.linked entry, .inline-toolbar .linked entry, .primary-toolbar .linked entry, .osd .linked entry, .inline-toolbar .osd .linked entry, .primary-toolbar .osd .linked entry { + border-radius: 0; + border-left-width: 0; } + .linked entry:first-child, .inline-toolbar .linked entry:first-child, .primary-toolbar .linked entry:first-child, .osd .linked entry:first-child, .inline-toolbar .osd .linked entry:first-child, .primary-toolbar .osd .linked entry:first-child { + border-left-width: 1px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } + .linked entry:last-child, .inline-toolbar .linked entry:last-child, .primary-toolbar .linked entry:last-child, .osd .linked entry:last-child, .inline-toolbar .osd .linked entry:last-child, .primary-toolbar .osd .linked entry:last-child { + border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } + .linked entry:only-child, .inline-toolbar .linked entry:only-child, .primary-toolbar .linked entry:only-child, .osd .linked entry:only-child, .inline-toolbar .osd .linked entry:only-child, .primary-toolbar .osd .linked entry:only-child { + border-width: 1px; + border-radius: 8px; } +.linked combobox box.linked button, .inline-toolbar .linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button, .osd .linked combobox box.linked button, .inline-toolbar .osd .linked combobox box.linked button, .primary-toolbar .osd .linked combobox box.linked button { + border-radius: 0; + border-left-width: 0; } +.linked combobox:first-child box.linked button, .inline-toolbar .linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button, .osd .linked combobox:first-child box.linked button, .inline-toolbar .osd .linked combobox:first-child box.linked button, .primary-toolbar .osd .linked combobox:first-child box.linked button { + border-left-width: 1px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } +.linked combobox:last-child box.linked button, .inline-toolbar .linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button, .osd .linked combobox:last-child box.linked button, .inline-toolbar .osd .linked combobox:last-child box.linked button, .primary-toolbar .osd .linked combobox:last-child box.linked button { + border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } +.linked combobox:only-child box.linked button, .inline-toolbar .linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button, .osd .linked combobox:only-child box.linked button, .inline-toolbar .osd .linked combobox:only-child box.linked button, .primary-toolbar .osd .linked combobox:only-child box.linked button { + border-width: 1px; + border-radius: 8px; } + +.vertical.linked button, .osd .vertical.linked button { + border-left-width: 1px; + border-top-width: 0; + border-radius: 0; } + .vertical.linked button:first-child, .osd .vertical.linked button:first-child { + border-top-width: 1px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .vertical.linked button:last-child, .osd .vertical.linked button:last-child { + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } + .vertical.linked button:only-child, .osd .vertical.linked button:only-child { + border-top-width: 1px; } +.vertical.linked entry, .osd .vertical.linked entry { + border-left-width: 1px; + border-top-width: 0; + border-radius: 0; } + .vertical.linked entry:first-child, .osd .vertical.linked entry:first-child { + border-top-width: 1px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .vertical.linked entry:last-child, .osd .vertical.linked entry:last-child { + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } + .vertical.linked entry:only-child, .osd .vertical.linked entry:only-child { + border-top-width: 1px; } +.vertical.linked combobox box.linked button, .osd .vertical.linked combobox box.linked button { + border-left-width: 1px; + border-top-width: 0; + border-radius: 0; } +.vertical.linked combobox:first-child box.linked button, .osd .vertical.linked combobox:first-child box.linked button { + border-top-width: 1px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } +.vertical.linked combobox:last-child box.linked button, .osd .vertical.linked combobox:last-child box.linked button { + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } +.vertical.linked combobox:only-child box.linked button, .osd .vertical.linked combobox:only-child box.linked button { + border-top-width: 1px; } +.vertical.linked spinbutton button:first-child, .osd .vertical.linked spinbutton button:first-child { + border-width: 1px; + border-top-width: 0; + border-left-width: 1px; } +.vertical.linked spinbutton button:last-child, .osd .vertical.linked spinbutton button:last-child { + border-width: 0; + border-left-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-top-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + +.stack-switcher button { + min-height: 20px; + min-width: 80px; } + +tooltip { + border-radius: 8px; + box-shadow: none; } + tooltip.background { + border-width: 1px; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); + background-color: #111111; } + tooltip.background label { + padding: 1px; } + tooltip * { + background-color: transparent; + color: #EEEEEE; } + +treeview { + -treeview-vertical-separator: 0; } + treeview.view:selected, treeview.view:selected:focus { + color: #F9F9F9; + background-color: #DE4815; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #DE4815; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + treeview header button { + border-width: 0 1px 1px 0; + border-radius: 0; } + treeview header button, treeview header button:active, treeview header button:focus, treeview header button:active:focus { + background-image: none; + background-color: #ECEDEF; } + treeview header button:hover, treeview header button:active:hover, treeview header button:hover:focus, treeview header button:active:hover:focus { + color: #F9F9F9; + background-color: #DE4815; } + treeview header:last-child button { + border-width: 0 0 1px 0; } + treeview entry, treeview entry.flat { + border-radius: 0; + background-image: none; + background-color: #F9F9F9; } + treeview entry:focus, treeview entry.flat:focus { + border-color: #DE4815; } + +.view { + color: #000000; + background-color: #F9F9F9; } + .view:not(treeview) { + border-radius: 3px; } + .view:disabled { + color: mix(#000000, #ECEDEF, 0.5); + background-color: mix(#000000, #ECEDEF, 0.95); } + .view:selected, .view:selected:focus, .view text:selected, .view text:selected:focus, .view text selection, .view text selection:focus { + color: #F9F9F9; + background-color: #19B6EE; } + .view:selected:disabled, .view:selected:focus:disabled, .view text:selected:disabled, .view text:selected:focus:disabled, .view text selection:disabled, .view text selection:focus:disabled { + color: mix(#F9F9F9, mix(#000000, #ECEDEF, 0.5), 0.5); + background-color: #19B6EE; } + .view:selected:backdrop, .view:selected:focus:backdrop, .view text:selected:backdrop, .view text:selected:focus:backdrop, .view text selection:backdrop, .view text selection:focus:backdrop { + color: #F9F9F9; + background-color: #19B6EE; } + +actionbar { + padding: 4px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); + color: #000000; + background-color: #ECEDEF; } + actionbar:backdrop { + border-color: shade(#ECEDEF, 0.9); + color: mix(#000000, #F9F9F9, 0.3); + background-color: #ECEDEF; } + actionbar button.text-button { + padding: 4px; } + actionbar button .image-button { + padding: 6px; } + actionbar .title { + font-weight: bold; + padding: 0 12px; } + actionbar .subtitle { + font-size: smaller; + padding: 0 12px; } + +searchbar { + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(#ECEDEF, 0.9); + background-color: #ECEDEF; } + +.app-notification { + border-style: solid; + border-color: shade(#ECEDEF, 0.9); + border-width: 1px; + border-radius: 0; + margin: 5px; + padding: 8px; + background-color: #F9F9F9; + color: #000000; } + .app-notification border { + border: none; } + +.background.osd { + color: #EEEEEE; + background-color: #111111; } + +.osd frame { + background-clip: border-box; + background-origin: border-box; } + +.osd button, button.osd { + padding: 4px 8px; + border-style: solid; + border-width: 1px; + border-radius: 8px; + color: #EEEEEE; + border-color: shade(#111111, 0.8); + border-top-color: shade(shade(#111111, 0.8), 1.1); + border-left-color: shade(shade(#111111, 0.8), 1.05); + border-right-color: shade(shade(#111111, 0.8), 1.05); + background-color: #111111; + -gtk-outline-radius: 8px; } + .osd button:hover, button.osd:hover { + color: #EEEEEE; + background-color: shade(#111111, 1.1); } + .osd button:active, .osd button:checked, button.osd:active, button.osd:checked { + color: #000000; + border-color: shade(shade(#111111, 0.8), 0.9); + background-color: mix(#111111, #EEEEEE, 0.1); } + .osd button:active:disabled, .osd button:checked:disabled, button.osd:active:disabled, button.osd:checked:disabled { + color: mix(#EEEEEE, mix(#000000, #ECEDEF, 0.75), 0.1); + border-color: mix(#EEEEEE, mix(#000000, #ECEDEF, 0.95), 0.85); + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.9); } + .osd button:disabled, button.osd:disabled { + color: mix(#EEEEEE, mix(#000000, #ECEDEF, 0.75), 0.5); } + +.osd toolbar, toolbar.osd { + -GtkToolbar-button-relief: normal; + padding: 4px; + border-width: 1px; + border-style: solid; + border-radius: 0; + border-color: shade(#111111, 0.8); + background-color: #111111; + color: #EEEEEE; } + .osd toolbar button, toolbar.osd button { + border-color: transparent; + border-radius: 8px; + color: #EEEEEE; + background-color: transparent; } + .osd toolbar button:hover, toolbar.osd button:hover { + border-color: shade(#111111, 0.8); + border-top-color: shade(shade(#111111, 0.8), 1.1); + border-left-color: shade(shade(#111111, 0.8), 1.05); + border-right-color: shade(shade(#111111, 0.8), 1.05); + color: #EEEEEE; + background-color: #111111; } + .osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, toolbar.osd button:checked { + color: #000000; + background-color: mix(#ECEDEF, #000000, 0.1); } + .osd toolbar button:disabled, toolbar.osd button:disabled { + border-color: transparent; + color: alpha(#EEEEEE, 0.8); + background-color: transparent; } + .osd toolbar separator, toolbar.osd separator { + color: shade(#111111, 0.9); } + +.osd scale slider, scale.osd slider { + border-color: shade(#111111, 0.8); + background-color: #EEEEEE; } + .osd scale slider:hover, scale.osd slider:hover { + background-color: #EEEEEE; } + .osd scale slider:disabled, scale.osd slider:disabled { + background-color: mix(#111111, #EEEEEE, 0.15); } +.osd scale trough, scale.osd trough { + border-color: mix(#111111, #EEEEEE, 0.15); } + .osd scale trough:disabled, scale.osd trough:disabled { + border-color: shade(#111111, 0.85); + background-color: transparent; } +.osd scale highlight, scale.osd highlight { + border-color: #19B6EE; + background-color: #19B6EE; } + +.osd progress, progress.osd { + background-color: #19B6EE; } + +.osd progressbar, progressbar.osd { + padding: 0; } + .osd progressbar trough, progressbar.osd trough { + padding: 0; + border-style: none; + border-radius: 0; + background-color: transparent; } + .osd progressbar progress, progressbar.osd progress { + border-style: none; + border-radius: 0; + background-color: #DE4815; } + +.osd scrollbar trough, scrollbar.osd trough { + background-color: transparent; } +.osd scrollbar slider, scrollbar.osd slider { + border-width: 0px; + border-radius: 6px; + background-color: mix(#111111, #EEEEEE, 0.21); } + .osd scrollbar slider:hover, scrollbar.osd slider:hover { + border-color: mix(#111111, #EEEEEE, 0.31); + background-color: mix(#111111, #EEEEEE, 0.31); } + .osd scrollbar slider:active, scrollbar.osd slider:active { + border-color: mix(#111111, #EEEEEE, 0.31); + background-color: mix(#111111, #EEEEEE, 0.1); } + +.osd view, view.osd, .osd.view { + background-color: #111111; } + .osd view:selected, .osd view:selected:focus, view.osd:selected, view.osd:selected:focus, .osd.view:selected, .osd.view:selected:focus { + background-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 3px; + border-color: #EEEEEE; + outline-color: transparent; } + +button.destructive-action { + border-width: 1px; + border-style: solid; + border-color: mix(#ED3146, #000000, 0.2); + border-radius: 8px; + color: mix(#F9F9F9, #ED3146, 0.1); + background-color: #ED3146; } + button.destructive-action:hover { + border-color: mix(#ED3146, #000000, 0.3); + background-color: mix(#ED3146, #F9F9F9, 0.2); } + button.destructive-action:active { + border-color: mix(#ED3146, #000000, 0.3); + background-color: mix(#ED3146, #000000, 0.1); } + button.destructive-action:backdrop { + border-color: mix(#ED3146, mix(#000000, #F9F9F9, 0.3), 0.2); + color: mix(shade(mix(#000000, #F9F9F9, 0.3), 0.8), #ED3146, 0.1); + background-color: mix(#ED3146, #ECEDEF, 0.3); } + +button.suggested-action { + border-width: 1px; + border-style: solid; + border-radius: 8px; + border-color: #48B259; + color: #F9F9F9; + background-color: #48B259; } + button.suggested-action:active, button.suggested-action:checked { + background-color: shade(#48B259, 0.9); } + button.suggested-action:active:backdrop, button.suggested-action:checked:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); } + button.suggested-action:disabled { + border-color: mix(#48B259, mix(#000000, #ECEDEF, 0.95), 0.2); + color: mix(#F9F9F9, mix(#000000, #ECEDEF, 0.5), 0.2); + background-color: shade(mix(#48B259, mix(#000000, #ECEDEF, 0.95), 0.2), 1.2); } + button.suggested-action:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); } + +headerbar button.suggested-action { + border-width: 1px; + border-style: solid; + border-radius: 8px; + border-color: #48B259; + color: #F9F9F9; + background-color: #48B259; } + headerbar button.suggested-action:active, headerbar button.suggested-action:checked { + background-color: shade(#48B259, 0.9); } + headerbar button.suggested-action:active:backdrop, headerbar button.suggested-action:checked:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); } + headerbar button.suggested-action:disabled { + border-color: mix(#48B259, mix(#000000, #ECEDEF, 0.95), 0.2); + color: mix(#F9F9F9, mix(#000000, #ECEDEF, 0.5), 0.2); + background-color: shade(mix(#48B259, mix(#000000, #ECEDEF, 0.95), 0.2), 1.2); } + headerbar button.suggested-action:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); } + +toolbar.selection-mode { + padding: 4px; } + +headerbar.selection-mode, toolbar.selection-mode { + border-color: mix(#DE4815, #F9F9F9, 0.6); + color: #F9F9F9; + background-color: mix(#DE4815, #F9F9F9, 0.6); } + headerbar.selection-mode:backdrop, toolbar.selection-mode:backdrop { + border-color: mix(shade(#ECEDEF, 0.7), shade(mix(#000000, #F9F9F9, 0.3), 0.8), 0.6); + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); + background-color: mix(shade(#ECEDEF, 0.7), shade(mix(#000000, #F9F9F9, 0.3), 0.8), 0.6); } + headerbar.selection-mode button, toolbar.selection-mode button { + border-width: 1px; + border-style: solid; + border-color: mix(#DE4815, #F9F9F9, 0.7); + border-radius: 8px; + color: mix(#DE4815, #000000, 0.2); + background-color: mix(#DE4815, #F9F9F9, 0.7); } + headerbar.selection-mode button:hover, toolbar.selection-mode button:hover { + border-color: mix(#DE4815, #F9F9F9, 0.75); + background-color: mix(#DE4815, #F9F9F9, 0.75); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, toolbar.selection-mode button:active, toolbar.selection-mode button:checked { + border-color: mix(#DE4815, #F9F9F9, 0.45); + background-color: mix(#DE4815, #F9F9F9, 0.45); } + headerbar.selection-mode button:active:backdrop, headerbar.selection-mode button:checked:backdrop, toolbar.selection-mode button:active:backdrop, toolbar.selection-mode button:checked:backdrop { + border-color: mix(shade(#ECEDEF, 0.7), shade(mix(#000000, #F9F9F9, 0.3), 0.8), 0.45); + background-color: mix(shade(#ECEDEF, 0.7), shade(mix(#000000, #F9F9F9, 0.3), 0.8), 0.45); } + headerbar.selection-mode button:backdrop, toolbar.selection-mode button:backdrop { + border-color: mix(shade(#ECEDEF, 0.7), shade(mix(#000000, #F9F9F9, 0.3), 0.8), 0.75); + color: mix(shade(#ECEDEF, 0.7), mix(#000000, #F9F9F9, 0.3), 0.3); + background-color: mix(shade(#ECEDEF, 0.7), shade(mix(#000000, #F9F9F9, 0.3), 0.8), 0.75); } + headerbar.selection-mode button.suggested-action, toolbar.selection-mode button.suggested-action { + border-width: 1px; + border-style: solid; + border-radius: 8px; + border-color: #48B259; + color: #F9F9F9; + background-color: #48B259; } + headerbar.selection-mode button.suggested-action:active, headerbar.selection-mode button.suggested-action:checked, toolbar.selection-mode button.suggested-action:active, toolbar.selection-mode button.suggested-action:checked { + background-color: shade(#48B259, 0.9); } + headerbar.selection-mode button.suggested-action:active:backdrop, headerbar.selection-mode button.suggested-action:checked:backdrop, toolbar.selection-mode button.suggested-action:active:backdrop, toolbar.selection-mode button.suggested-action:checked:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); } + headerbar.selection-mode button.suggested-action:disabled, toolbar.selection-mode button.suggested-action:disabled { + border-color: mix(#48B259, mix(#000000, #ECEDEF, 0.95), 0.2); + color: mix(#F9F9F9, mix(#000000, #ECEDEF, 0.5), 0.2); + background-color: shade(mix(#48B259, mix(#000000, #ECEDEF, 0.95), 0.2), 1.2); } + headerbar.selection-mode button.suggested-action:backdrop, toolbar.selection-mode button.suggested-action:backdrop { + color: shade(mix(#000000, #F9F9F9, 0.3), 0.8); } + headerbar.selection-mode .selection-menu button, toolbar.selection-mode .selection-menu button { + border-style: none; + background-color: transparent; + color: shade(#DE4815, 0.8); } + headerbar.selection-mode .selection-menu button .dim-label, toolbar.selection-mode .selection-menu button .dim-label { + color: shade(#DE4815, 0.7); } + +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 3px 9px 1px alpha(black, 0.3), 0 0 0 1px alpha(black, 0.25); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px alpha(black, 0.2), 0 0 0 1px alpha(black, 0.25); } + .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: 0 0 0 1px alpha(black, 0.1); + border-radius: 4px; } + .ssd decoration { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px alpha(black, 0.1); } + .ssd decoration.maximized { + border-radius: 0; } + tooltip.csd decoration { + border-radius: 4px; + box-shadow: none; } + .solid-csd decoration { + margin: 1px; + border-radius: 0px; + background-color: alpha(white, 0.95); + box-shadow: none; } + +window.background.csd.popup { + border-radius: 4px; } + +messagedialog { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + messagedialog .background.csd { + border-radius: 4px; + color: #000000; + background-color: #ECEDEF; } + messagedialog decoration { + border-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: 0 1px 2px alpha(black, 0.2); } + messagedialog .titlebar.horizontal { + background-image: none; + background-color: #ECEDEF; } + messagedialog.csd .dialog-action-area button { + padding: 10px; + border-radius: 0; + border-bottom-style: none; + background-image: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-right-width: 0; + border-radius: 0px; + border-bottom-right-radius: 4px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-width: 0; + border-radius: 0px; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + +.titlebar { + border-bottom: none; + border-radius: 4px 4px 0px 0px; } + .titlebar .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; } + .titlebar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: alpha(currentColor, 0.7); } + .titlebar .titlebutton.close, .titlebar .titlebutton.maximize, .titlebar .titlebutton.minimize, .titlebar .titlebutton:not(separator) { + min-width: 28px; + min-height: 28px; + padding: 0; + border: none; + color: transparent; + background-color: transparent; + -gtk-icon-shadow: none; + border-radius: 100%; + background-position: center center; + background-repeat: no-repeat; } + .titlebar .titlebutton.close:hover, .titlebar .titlebutton.close:active, .titlebar .titlebutton.maximize:hover, .titlebar .titlebutton.maximize:active, .titlebar .titlebutton.minimize:hover, .titlebar .titlebutton.minimize:active, .titlebar .titlebutton:not(separator):hover, .titlebar .titlebutton:not(separator):active { + background-color: alpha(#F9F9F9, 0.2); } + .titlebar .titlebutton.close { + background: url("assets/close-normal.png") center center; } + .titlebar .titlebutton.close:hover, .titlebar .titlebutton.close:active { + background-color: #ED3146; } + .titlebar .titlebutton.close:backdrop { + background: url("assets/close-backdrop.png") center center; } + .titlebar .titlebutton.minimize { + background: url("assets/minimize-normal.png") center center; } + .titlebar .titlebutton.minimize:backdrop { + background: url("assets/minimize-backdrop.png") center center; } + .titlebar .titlebutton.maximize { + background: url("assets/maximize-normal.png") center center; } + .titlebar .titlebutton.maximize:backdrop { + background: url("assets/maximize-backdrop.png") center center; } + .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; } + +.titlebar, .titlebar:not(headerbar), headerbar.default-decoration, .csd headerbar.default-decoration, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar) { + min-height: 30px; + color: #EEEEEE; + background-color: #111111; } + .titlebar:backdrop, .titlebar:not(headerbar):backdrop, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar):backdrop, .csd .default-decoration.titlebar:not(headerbar):backdrop { + color: alpha(#EEEEEE, 0.8); } + +.caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item { + color: #FFFFFF; + text-shadow: 1px 1px alpha(black, 0.8); } + .caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, .nautilus-desktop.nautilus-canvas-item:active { + color: #FFFFFF; } + .caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, .nautilus-desktop.nautilus-canvas-item:selected { + color: #F9F9F9; + text-shadow: none; } + +panel-toplevel.background, panel-toplevel.background menubar { + background-color: #111111; + color: #EEEEEE; } +panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { + color: #EEEEEE; } +panel-toplevel.background menubar > menuitem, panel-toplevel.background menubar > menuitem label:backdrop { + color: #EEEEEE; } +panel-toplevel.background menubar > menuitem:hover, panel-toplevel.background menubar > menuitem:hover label:backdrop { + color: #F9F9F9; } +panel-toplevel.background button { + background-color: #111111; + border: none; + border-radius: 0; + box-shadow: none; + color: #EEEEEE; } + panel-toplevel.background button:active, panel-toplevel.background button:checked { + background-color: shade(#111111, 0.8); + border: none; + box-shadow: none; + color: #EEEEEE; } + +#tasklist-button, #tasklist-button label { + color: alpha(#EEEEEE, 0.7); + border-radius: 0; + border: none; + box-shadow: none; + background-color: transparent; } + #tasklist-button:hover, #tasklist-button label:hover { + color: alpha(#EEEEEE, 0.7); + background-color: transparent; } + #tasklist-button:checked, #tasklist-button label:checked { + color: #EEEEEE; } + +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + +.mate-panel-menu-bar menubar > menuitem { + color: #EEEEEE; + background-color: #111111; } + +.mate-panel-menu-bar { + color: #EEEEEE; + background-color: #111111; } + .mate-panel-menu-bar button, .mate-panel-menu-bar button.flat { + background-color: transparent; } + .mate-panel-menu-bar, .mate-panel-menu-bar .menubar { + background-color: #111111; } + .mate-panel-menu-bar menubar, .mate-panel-menu-bar menubar menuitem, .mate-panel-menu-bar togglebutton { + border-color: transparent; + background-color: transparent; } + .mate-panel-menu-bar menubar menuitem:hover, .mate-panel-menu-bar menubar menuitem:active { + color: #F9F9F9; + background-color: #DE4815; } + .mate-panel-menu-bar .menubar > .menuitem { + padding-top: 0; + padding-bottom: 0; } + .mate-panel-menu-bar GtkMenu .label { + color: #000000; + font-style: normal; } + .mate-panel-menu-bar GtkMenu .label:disabled { + color: mix(#000000, #ECEDEF, 0.5); } + .mate-panel-menu-bar .button:not(#tasklist-button) { + color: #EEEEEE; + border-radius: 0; + border: none; + background-color: #111111; } + .mate-panel-menu-bar .button:not(#tasklist-button):hover { + border: none; + background-color: shade(#111111, 1.1); } + .mate-panel-menu-bar .button:not(#tasklist-button):active, .mate-panel-menu-bar .button:not(#tasklist-button):checked { + color: #F9F9F9; + border: none; + background-color: #DE4815; } + .mate-panel-menu-bar #tasklist-button { + color: #EEEEEE; + background-color: #111111; + border-radius: 0; + border: none; } + .mate-panel-menu-bar #tasklist-button:hover { + border: none; + background-color: shade(#111111, 1.1); } + .mate-panel-menu-bar #tasklist-button:active, .mate-panel-menu-bar #tasklist-button:checked { + color: #F9F9F9; + border: none; + box-shadow: none; + background-image: none; + background-color: #DE4815; } + .mate-panel-menu-bar PanelSeparator { + color: shade(#111111, 0.7); + padding-top: 4px; + padding-bottom: 4px; } + .mate-panel-menu-bar NaTrayApplet { + -NaTrayApplet-icon-padding: 2; } + .mate-panel-menu-bar #PanelApplet label { + color: #EEEEEE; } + .mate-panel-menu-bar .caja-desktop.entry, .mate-panel-menu-bar .caja-navigation-window .view.entry { + background-image: none; + border-radius: 8px; + box-shadow: none; + border-color: shade(#DE4815, 0.6); + background-color: #F9F9F9; } + .mate-panel-menu-bar .caja-desktop.entry:selected, .mate-panel-menu-bar .caja-navigation-window .view.entry:selected { + color: #F9F9F9; + background-color: #DE4815; } + +.mintmenu:hover { + background-color: shade(#111111, 1.1); } + +.mintmenu:selected { + color: #F9F9F9; + background-color: #DE4815; } + +.wnck-pager { + background-color: alpha(black, 0.04); } + .wnck-pager:selected { + background-color: alpha(#DE4815, 0.3); } + .wnck-pager:hover { + background-color: alpha(#DE4815, 0.2); } + +.xfce4-panel.panel { + background-color: #111111; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #EEEEEE; + background-color: #111111; + border-radius: 0; + border: none; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: shade(#111111, 1.1); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.sidebar-button:checked { + color: #F9F9F9; + border: none; + box-shadow: none; + background-image: none; + background-color: #DE4815; } + +#XfceNotifyWindow.osd { + background-color: #ECEDEF; + color: #000000; + border-radius: 8px; + border: none; } + #XfceNotifyWindow.osd label#summary { + font-weight: bold; } + #XfceNotifyWindow.osd button { + padding: 4px 8px; + border-style: solid; + border-width: 1px; + border-radius: 8px; + color: #000000; + border-color: shade(#ECEDEF, 0.9); + border-top-color: shade(shade(#ECEDEF, 0.9), 1.1); + border-left-color: shade(shade(#ECEDEF, 0.9), 1.05); + border-right-color: shade(shade(#ECEDEF, 0.9), 1.05); + background-color: #ECEDEF; + -gtk-outline-radius: 8px; } + #XfceNotifyWindow.osd button:hover { + color: #000000; + background-color: shade(#ECEDEF, 1.1); } + #XfceNotifyWindow.osd button:active, #XfceNotifyWindow.osd button:checked { + color: #000000; + border-color: shade(shade(#ECEDEF, 0.9), 0.9); + background-color: mix(#ECEDEF, #000000, 0.1); } + #XfceNotifyWindow.osd button:active:disabled, #XfceNotifyWindow.osd button:checked:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.1); + border-color: mix(#000000, mix(#000000, #ECEDEF, 0.95), 0.85); + background-color: shade(mix(#000000, #ECEDEF, 0.95), 0.9); } + #XfceNotifyWindow.osd button:disabled { + color: mix(#000000, mix(#000000, #ECEDEF, 0.75), 0.5); } + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + border-color: #DE4815; + color: #000000; + background-color: #F9F9F9; } + .nemo-window .nemo-window-pane widget.entry:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus { + color: #F9F9F9; + background-color: #DE4815; } +.nemo-window .sidebar { + color: #000000; + background-color: #ECEDEF; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + color: #000000; + background-color: transparent; } + .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + border-color: #DE4815; + color: #F9F9F9; + background-color: #DE4815; } + .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: #000000; } + .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #DE4815; } + .nemo-window .sidebar separator, .nemo-window .sidebar separator:backdrop { + background-color: transparent; } + +UnityDecoration { + -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); + -UnityDecoration-inactive-shadow-radius: 5px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #DE4815; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration .top { + border: none; + border-radius: 8px 8px 0 0; + padding: 1px 8px 0 8px; + background-color: #111111; + color: mix(#EEEEEE, #111111, 0.1); + text-shadow: none; } + UnityDecoration .top:backdrop { + background-color: #ECEDEF; + color: mix(#EEEEEE, #111111, 0.4); } + UnityDecoration .left, UnityDecoration .right, UnityDecoration.bottom { + background-color: #111111; } + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration.bottom:backdrop { + background-color: #111111; } + UnityDecoration.menuitem, UnityDecoration .menuitem { + border-radius: 0; } + UnityDecoration.menuitem:hover, UnityDecoration.menuitem *:hover, UnityDecoration .menuitem:hover, UnityDecoration .menuitem *:hover { + background-color: #DE4815; + color: #F9F9F9; } + +UnityPanelWidget, .unity-panel { + border-width: 0 0 1px 0; + border-style: solid; + border-color: #111111; + background-color: #111111; + color: #EEEEEE; } + UnityPanelWidget.menuitem, UnityPanelWidget .menuitem, .unity-panel.menuitem, .unity-panel .menuitem { + border-width: 0 1px; + color: #EEEEEE; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #DE4815; } + +/* GTK NAMED COLORS - use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #000000; +/* text color for entries, views and content in general */ +@define-color theme_text_color #000000; +/* widget base background color */ +@define-color theme_bg_color #ECEDEF; +/* text widgets and the like base background color */ +@define-color theme_base_color #F9F9F9; +/* base background color of selections */ +@define-color theme_selected_bg_color #DE4815; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #F9F9F9; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color mix(#000000, #ECEDEF, 0.95); +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color mix(#000000, #ECEDEF, 0.5); +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #F9F9F9; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color mix(#000000, #F9F9F9, 0.3); +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #000000; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #ECEDEF; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #F9F9F9; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #DE4815; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #F9F9F9; +/* insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color mix(#000000, #ECEDEF, 0.75); +/* widgets main borders color */ +@define-color borders shade(#ECEDEF, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders shade(#ECEDEF, 0.9); +/* these are pretty self explicative */ @define-color warning_color #FF9900; -/* Widget colors */ -@define-color tooltip_bg_color @dark_bg_color; -@define-color tooltip_fg_color @dark_fg_color; -@define-color menu_bg_color @base_color; -@define-color menu_fg_color @text_color; -@define-color menubar_bg_color @base_color; -@define-color menubar_fg_color @fg_color; -@define-color toolbar_bg_color @base_color; -@define-color toolbar_fg_color @text_color; -@define-color sidebar_bg_color @bg_color; -@define-color sidebar_fg_color @fg_color; -@define-color taskbar_bg_color @dark_bg_color; -@define-color taskbar_fg_color @dark_fg_color; -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color headerbar_bg_color @dark_bg_color; -@define-color headerbar_fg_color @dark_fg_color; -@define-color terminal_bg_color #0d303a; -@define-color terminal_fg_color @dark_fg_color; -/* OSD */ -@define-color osd_fg @dark_fg_color; -@define-color osd_bg @dark_bg_color; -@define-color osd_base @dark_bg_color; -/* Budgie colors */ -@define-color raven_fg_color @dark_fg_color; -@define-color raven_bg_color alpha(@dark_bg_color, 0.9); -/* Desktop Icons */ -@define-color desktop_item_fg #FFFFFF; -@define-color desktop_item_selected_fg @selected_fg_color; -@define-color desktop_item_text_shadow alpha(@dark_shadow, 0.8); -/* LightDM greeter colors */ -@define-color lightdm_bg_color @dark_bg_color; -@define-color lightdm_fg_color @dark_fg_color; -@define-color wm_title @titlebar_fg_color; -@define-color wm_unfocused_title @unfocused_fg_color; -@define-color wm_highlight alpha(@light_shadow, 0.8); -@define-color wm_borders_edge alpha(@light_shadow, 0.8); -@define-color wm_bg_a alpha(@selected_bg_color, 1.2); -@define-color wm_bg_b alpha(@selected_bg_color, 1.2); -@define-color wm_shadow alpha(@dark_shadow, 0.35); -@define-color wm_border alpha(@dark_shadow, 0.35); -@define-color wm_button_hover_color_a alpha(@selected_bg_color, 1.3); -@define-color wm_button_hover_color_b alpha(@selected_bg_color, 1.3); -@define-color wm_button_active_color_a alpha(@selected_bg_color, 0.85); -@define-color wm_button_active_color_b alpha(@selected_bg_color, 0.85); -@define-color wm_button_active_color_c alpha(@selected_bg_color, 0.85); -@define-color content_view_bg @base_color; +@define-color error_color #ED3146; +@define-color success_color #48B259; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#000000, 1.8); +@define-color wm_unfocused_title mix(#000000, #F9F9F9, 0.3); +@define-color wm_highlight white; +@define-color wm_borders_edge shade(#ECEDEF, 0.9); +@define-color wm_bg_a shade(#ECEDEF, 1.2); +@define-color wm_bg_b #ECEDEF; +@define-color wm_shadow alpha(white, 0.35); +@define-color wm_border alpha(white, 0.18); +@define-color wm_button_hover_color_a shade(#ECEDEF, 1.3); +@define-color wm_button_hover_color_b #ECEDEF; +@define-color wm_button_active_color_a shade(#ECEDEF, 0.85); +@define-color wm_button_active_color_b shade(#ECEDEF, 0.89); +@define-color wm_button_active_color_c shade(#ECEDEF, 0.9); +@define-color content_view_bg #F9F9F9;