diff options
Diffstat (limited to 'gtk-themes/parabola-blackmate/gtk-3.0/gtk-widgets.css')
-rw-r--r-- | gtk-themes/parabola-blackmate/gtk-3.0/gtk-widgets.css | 4193 |
1 files changed, 0 insertions, 4193 deletions
diff --git a/gtk-themes/parabola-blackmate/gtk-3.0/gtk-widgets.css b/gtk-themes/parabola-blackmate/gtk-3.0/gtk-widgets.css deleted file mode 100644 index dfc1bc5..0000000 --- a/gtk-themes/parabola-blackmate/gtk-3.0/gtk-widgets.css +++ /dev/null @@ -1,4193 +0,0 @@ -* { - padding: 0px; - background-clip: padding-box; - /* Style properties */ - -GtkToolButton-icon-spacing: 4; - -textview-error-underline-color: @error_color; - -paned-handle-size: 5; - -GtkScrolledWindow-scrollbar-spacing: 0; - /* this is more stylish with this theme */; - -GtkToolItemGroup-expander-size: 12; - -expander-expander-size: 12; - -treeview-expander-size: 13; - -treeview-horizontal-separator: 4; - -GtkIMHtml-hyperlink-color: @link_color; - -GtkHTML-link-color: @link_color; - -WnckTasklist-fade-overlay-rect: 0; - outline-color: alpha(@focus_border, 0.6); - outline-style: dotted; - outline-offset: -3px; - outline-width: 2px; - -gtk-icon-style: regular; /* no symbolic icons */ - text-shadow: none; -} - -/*************** - * Base States * - ***************/ -.background { - color: @theme_fg_color; - background-color: @theme_bg_color; - border-style: none; - border-width: 0px; - border-radius: 0px; -} - -.background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; -} - -*:hover { - background-color: alpha(shade(@theme_bg_color, 1.1), 1.0); - color: @theme_fg_color; -} - -*:selected { - background-color: shade(@theme_selected_bg_color, 1.23); - color: @theme_selected_fg_color; -} - -*:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -*:selected:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; -} - -*:disabled { -} - -*:active { - background-color: shade(@theme_bg_color, 0.915); -} - -.gtkstyle-fallback { - background-color: @theme_bg_color; - color: @theme_fg_color; -} - -.gtkstyle-fallback:hover { - background-color: shade(@theme_bg_color, 1.10); - color: @theme_fg_color; -} - -.gtkstyle-fallback:active { - background-color: shade(@theme_bg_color, 0.915); - color: @theme_fg_color; -} - -.gtkstyle-fallback:disabled { - background-color: @less_dark_color; /*@insensitive_bg_color;*/ - color: @insensitive_fg_color; - border-color: @insensitive_border_color; - } - -.gtkstyle-fallback:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/*Fix for applications that have issues finding a default monospace font*/ - -.monospace { - font-family: Monospace; -} - -/************ - * Tooltips * - ************/ - -tooltip, -tooltip.background, -.tooltip, -.tooltip.background { - padding: 4px; - border-style: solid; - border-width: 2px; - border-radius: 3px; - border-color: #888a85; - background-color: @theme_tooltip_bg_color; - color: @theme_tooltip_fg_color; - text-shadow: none; -} - -tooltip label, -.tooltip label { - color: @theme_tooltip_fg_color; - padding: 4px; - text-shadow: none; -} - -/* needed for override CSD setting */ -tooltip decoration, -.tooltip decoration, -tooltip.csd decoration, -.tooltip.csd decoration, -tooltip.ssd decoration, -.tooltip.ssd decoration, -tooltip.solid-csd decoration, -.tooltip.solid-csd decoration, -tooltip.background.csd decoration, -.tooltip.background.csd decoration, -tooltip.background.ssd decoration, -.tooltip.background.ssd decoration, -tooltip.background.solid-csd decoration, -.tooltip.background.solid-csd decoration { - border-radius: 3px; - box-shadow: 0 1px 5px @wm_shadow; - padding: 0px; -} - -/***************** - * Miscellaneous * - *****************/ - -content-view.view.rubberband, -.content-view.view.rubberband, -view.rubberband, -.view.rubberband, -rubberband, -.rubberband { - background-color: alpha(@theme_selected_bg_color, 0.35); - background-image: linear-gradient(to bottom, - alpha (@theme_selected_bg_color, 0.35), - alpha (@theme_selected_bg_color, 0.35)); - border-color: @theme_selected_bg_color; - border-style: solid; - border-width: 1px; - border-radius: 2px; -} - -expander { - -gtk-icon-style: regular; -} - -/*********** - * Sidebar * - ***********/ -sidebar *, -sidebar .view, -stacksidebar, -stacksidebar .view, -placessidebar .view{ - -gtk-icon-style: regular; - background-color: shade (@theme_bg_color, 1.08); -} - -stacksidebar label, -placessidebar label { - color:@theme_text_color; - padding: 8px 1px 8px 1px; -} - -placessidebar image { - -gtk-icon-style: regular; -} - -sidebar frame { - border-style: none; -} - -sidebar:backdrop { - background-color: shade (@theme_bg_color, 1.08); -} - -placessidebar button{ - background-color: transparent; - background-image: none; - border-style:none; - border-image:none; -} - -stacksidebar list row:selected, -stacksidebar list row:active, -placessidebar list row:selected, -placessidebar list row:active, -placessidebar list row:selected *, -placessidebar list row:active *{ - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color,0.6 ), - shade(@theme_selected_bg_color, 1.5)); -} - - -/**************** - * Floating Bar * - ****************/ -floating-bar { - border-radius: 3px; - border-width: 0px; - border-style: solid; - text-shadow: none; - color: @theme_fg_color; - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_a, 1.5), - @theme_bg_color 40%, - shade(@button_gradient_color_b, 0.7)); -} - -floating-bar.top { - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -floating-bar.right { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -floating-bar.bottom { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -floating-bar.left { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -/********* - * Views * - *********/ - -view, -.view, -.view:disabled { - background-color: @less_dark_color; - color: @theme_selected_fg_color; - border-radius: 0; - /*border-width: 3;*/ -} - -view:selected, -view:active, -.view:selected, -.view:active { - background-color: shade(@theme_selected_bg_color, 1.23); - color: @theme_selected_fg_color; -} - -view:selected:focus, -.view:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* It's better not to have too bright text views. */ -textview text, -textview.view:disabled, -GtkHTML { /* For Evolution (not enough; see entries section below) */ - background-color: @view_color; - color: @theme_main_color; -} - -textview text selection, -textview text selection:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* This is for highlighting the current line in source views. */ -textview { - background-color: #D9D9D9; /* #dddddd; */ - color: @theme_main_color; -} - -/* Exceptional views */ -calendar.view, -iconview.view, -dialog .view, -dialog view { - background-color: @less_dark_color; - color: @theme_fg_color; -} - -/* for firefox and probably other apps */ -label:selected, -label selection, -label selection:focus, -label selection:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -label:disabled:selected, -label selection:disabled { - color: @insensitive_fg_color; -} - -label:backdrop:selected, -label selection:backdrop { - color: @theme_fg_color; -} - -label:backdrop:disabled:selected, -label selection:backdrop:disabled { - color: @insensitive_fg_color; -} - -/**************************** - * Caret for editable text * - ****************************/ - -view, .view{ - caret-color:#000000; -} -entry, .entry { - caret-color:#ffffff; -} -/*hide carot when window is not selected*/ -/*do NOT use .view to avoid creating caja desktop flashes*/ -/*works in gedit, pluma, etc*/ - -view:backdrop, entry:backdrop, .entry:backdrop { - caret-color:transparent; -} -/************** - * Separators * - **************/ -treeview separator, -separator, -.separator { - color: darker (@theme_bg_color); - background-color: darker (@theme_bg_color); -} - -pane-separator { - border-style: none; - border-image: none; - border-width: 0px; - border-radius: 0; - background-color: transparent; - color: shade(@theme_selected_bg_color, 1.5); - background-repeat: no-repeat; - background-position: center; - background-image: url("assets/pane-separator-grip.svg"); -} - -pane-separator:hover, -pane-separator:selected { - background-image: url("assets/pane-separator-grip-hover.svg"); -} - -pane-separator.vertical { - background-image: url("assets/pane-separator-grip-vertical.svg"); -} - -pane-separator.vertical:hover, -pane-separator.vertical:selected { - background-image: url("assets/pane-separator-grip-vertical-hover.svg"); -} - -dnd { - border-width: 1px; - border-style: solid; - border-color: @theme_selected_bg_color; - border-radius: 0; -} - -/********************* - * Spinner Animation * - *********************/ - -@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; -} - -/**************** - * Text Entries * - ****************/ -entry { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.2), - shade(@theme_bg_color, 0.5) 10%, - @theme_bg_color 50%, - shade(@theme_bg_color, 1.5)); - border-width: 1px; - border-style: none; - border-radius: 11px; - padding: 4px 7px; - color: @theme_fg_color; - box-shadow: inset 0 -3px alpha(@entry_shadow, 0.04), - inset 0 -2px alpha(@entry_shadow, 0.05), - inset 0 -1px alpha(@entry_shadow, 0.07); -} - -toolbar entry { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.3), - shade(@theme_bg_color, 1.1) 50%, - mix(#ffffff, @theme_bg_color, 0.75)); -} - -entry selection:focus { - background-color: shade(@theme_selected_bg_color, 0.9); -} - -entry:focus { - border-image: none; - box-shadow: inset 0 -2px alpha(@entry_shadow, 0.05), - inset 0 -1px alpha(@entry_shadow, 0.07); - -} - -entry:disabled { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.8), - shade(@theme_bg_color, 1.2)); - border-image: none; - border-style: none; - /*border-color: alpha(@inactive_frame_color, 0.3);*/ - color: @insensitive_fg_color; - box-shadow: none; -} - -entry progressbar, -entry progressbar:focus { - margin-left: 2px; - margin-right: 2px; - border-image: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to top, - transparent 2px, - white 2px, - white 3px, - @theme_selected_bg_color 3px, - @theme_selected_bg_color 5px, - transparent 5px); - background-size: auto; - box-shadow: none; -} - -entry progressbar.pulse, -entry progressbar.pulse:focus { - background-image: linear-gradient(to top, - transparent 2px, - white 2px, - white 3px, - @borders 3px, - @borders 5px, - transparent 5px); -} - -entry:active { - background-color: shade(@theme_selected_bg_color, 1.23); -} - -/* Correction for Yelp and Evolution */ -textview.entry, -GtkHTML.entry { - background-color: @view_color; - color: @theme_main_color; -} - -entry.cursor-handle, -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top, -cursor-handle.bottom { - background-color:transparent; - box-shadow: none; - border-style: none; - border-radius: 0px; - border-width: 0px; -} - -entry.cursor-handle.top, -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} -entry.cursor-handle.bottom, -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -entry image.left { - padding-right: 6px; -} - -entry image.right { - padding-left: 6px; -} - -/******************* - * Symbolic images * - *******************/ - -/* No need to do anything. */ - -/**************** - * Progress bar * - ****************/ - -progressbar { - border-radius: 16px; - border-style: none; -/* Label font color of progressbar*/ - color: @theme_text_color; - /*border-color: @progressbar_border;*/ - padding: 0px; - font-size: smaller; -} - -progressbar progress, /*for most horizontal progressbars*/ -.view .progressbar, /*for progressbars in treeviews, these are always horizontal*/ -.view:focus .progressbar { /*override selected:focus default*/ - min-height: 19px; - border-width: 1px; - border-style:solid; - border-color:transparent; - border-radius: 16px; - background-image: linear-gradient(-45deg, - alpha(@progressbar_pattern, 0.09), - alpha(@progressbar_pattern, 0.09) 25%, - transparent 25%, - transparent 50%, - alpha(@progressbar_pattern, 0.09) 50%, - alpha(@progressbar_pattern, 0.09) 75%, - transparent 75%, - transparent), - linear-gradient(to bottom, - @progressbar_background_a, - shade(@progressbar_background_b, 1.1) 25%, - @progressbar_background_b 43%, - shade(@progressbar_background_b, 1.08) 44%, - shade(@progressbar_background_a, 0.91)); -} - -progressbar.vertical progress { - min-width: 19px; - border-width: 1px; - border-style:solid; - border-color:transparent; - border-radius: 16px; - background-image: linear-gradient(-135deg, - alpha(@progressbar_pattern, 0.09), - alpha(@progressbar_pattern, 0.09) 25%, - transparent 25%, - transparent 50%, - alpha(@progressbar_pattern, 0.09) 50%, - alpha(@progressbar_pattern, 0.09) 75%, - transparent 75%, - transparent), - linear-gradient(to right, - @progressbar_background_a, - shade(@progressbar_background_b, 1.1) 25%, - @progressbar_background_b 43%, - shade(@progressbar_background_b, 1.08) 44%, - shade(@progressbar_background_a, 0.91)); -} - -progressbar trough, /*for most horizontal progressbars*/ -.view .trough, /*for progressbars in treeviews, these are always horizontal*/ -.view:focus .trough{ /*override selected:focus default*/ - min-height: 19px; - border-width: 0px; - border-style: solid; - border-radius: 16px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.4), - @theme_bg_color 50%, - shade(@theme_bg_color, 1.8)); -} - -progressbar.vertical trough { - min-width: 19px; - border-width: 0px; - border-style: solid; - border-radius: 16px; - background-image: linear-gradient(to right, - shade(@theme_bg_color, 0.4), - @theme_bg_color 50%, - shade(@theme_bg_color, 1.8)); -} - -progressbar trough:selected, -progressbar trough:selected:focus { - border-image: none; -} - -/********** - * Frames * - **********/ -frame, -calendar { - padding: 2px; -} - -.frame, -frame { - color: lighter (@theme_fg_color); - border-style: solid; - padding: 0px; - border-radius: 3px; -} - -.frame, -frame> border{ - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 3px; - border-width: 1px; - border-style: solid; - border-color: alpha(@frame_color, 0.6); -} - -frame.border-inset> border, -frame.border-outset> border, -frame.border-ridge> border, -frame.border-groove> border, -.frame.border-inset> border, -.frame.border-outset> border, -.frame.border-ridge> border, -.frame.border-groove> border{ - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 3px; - border-width: 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 1.3); -} - -frame > border.flat, -.frame.flat { - border-style: none; -} - -.frame.action-bar -frame.action-bar { - padding: 6px; - border-width: 1px 0 0; -} - -/* disable for GTK3-3.16 , issue with caja list-view frame*/ - -scrolledwindow.frame { -/* background-color: transparent; */ - -gtk-icon-style: regular; -} - -/* no double frames */ -scrolledwindow viewport.frame { - border-style: none; -} - -/* level bars as used for password quality or remaining power */ -levelbar { - min-width: 34px; - min-height: 3px; -} - -levelbar.vertical { - min-width: 3px; - min-height: 34px; -} - -levelbar trough { - padding: 2px; - border-radius: 2px; - background-image: linear-gradient(to bottom, - @trough_bg_color_a, - @trough_bg_color_b); - background-color: transparent; - box-shadow: inset 1px 1px alpha(#000, 0.15), - inset -1px -1px alpha(#000, 0.15); -} - -levelbar block.filled { - border-width: 2px; - border-style: solid; - border-color: @button_border_active; - background-image: -gtk-gradient (linear, - 0.45 top, 0.55 bottom, - from (shade (@button_bg_active, 1.30)), - color-stop (0.40, shade (@button_bg_active, 1.04)), - color-stop (0.60, shade (@button_bg_active, 0.92)), - to (shade (@button_bg_active, 1.20))); -} - -levelbar.continuous block.filled { - padding: 1px; - border-radius: 2px; -} - -levelbar.discrete.horizontal block.filled { - margin: 0 1px; -} - -levelbar.discrete.vertical block.filled { - margin: 1px 0; -} - -.level-bar.indicator-discrete.fill-block.horizontal:first-child { - border-radius: 2px 0 0 2px; -} - -.level-bar.indicator-discrete.fill-block.horizontal:last-child { - border-radius: 0 2px 2px 0; -} - -.level-bar.indicator-discrete.fill-block.vertical:first-child { - border-radius: 2px 2px 0 0; -} - -.level-bar.indicator-discrete.fill-block.vertical:last-child { - border-radius: 0 0 2px 2px; -} - -levelbar block.low { - border-color: shade(@warning_color, 0.80); - background-image: linear-gradient(to bottom, - shade(@warning_color, 1.3), - @warning_color 75%, - shade(@warning_color, 0.90)); -} - -levelbar block.high { - border-color: shade(@link_color, 0.85); - background-image: linear-gradient(to bottom, - shade(@link_color, 1.2), - @link_color 75%, - shade(@link_color, 0.95)); -} - -levelbar block.full { - border-color: shade(@link_color, 0.95); - background-image: linear-gradient(to bottom, - shade(@link_color, 1.2), - @link_color 75%, - shade(@link_color, 0.95)); -} - -levelbar block.empty { - border: 1px solid #2a76c6; - border-radius: 1px; - background-color: transparent; - border-color: rgba(46, 52, 54, 0.2); - box-shadow: none; -} - -levelbar block.empty:backdrop { - border-color: rgba(139, 142, 143, 0.15); -} - -/************* - * Notebooks * - *************/ -notebook { - background-color: transparent; - border-radius: 3px; - padding: 1px 0px 1px 1px; -} - - -notebook header { - background-image: none; - background-color: transparent; - border-style: none; - border-image: none; - border-width: 0px; -} - -notebook.frame, -printdialog > box.view.vertical.dialog-vbox > box.vertical > notebook, -dialog.background.csd > box.vertical.dialog-vbox > notebook, /* eg. meld preferences */ -dialog.background.ssd > box.vertical.dialog-vbox > notebook, -dialog.background.solid-csd > box.vertical.dialog-vbox > notebook { - background-color: @less_dark_color; - border-color: @less_dark_color; - border-style: solid; - border-width: 0px 1px 0px 1px; - color: @theme_fg_color; -} - -notebook.arrow:disabled { - color: transparent; -} - -notebook tab { - border-style: solid; - border-width: 1px 1px 0px 1px; - border-color: shade(@less_dark_color, 0.75); - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 1.6), - shade(@less_dark_color, 0.5)); -} - -notebook tab:checked { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 0.75), - shade(@less_dark_color, 0.86) 40%, - shade(@less_dark_color, 0.95) 70%, - @less_dark_color); -} - -/*Keep pluma (etc) tabs from jumping when saving */ -notebook header tab image, -notebook header tab spinner{ - padding: 0px; -} - -notebook header.top tab label{ - /* top right-left bottom */ - padding: 5px 8px 5px; -} - -notebook header.bottom tab label{ - padding: 0px 8px 3px; -} - -notebook header.bottom tab:checked { - padding: 0px 8px 3px; - background-image: linear-gradient(to top, - shade(@less_dark_color, 1.25), - shade(@less_dark_color, 1.14) 40%, - shade(@less_dark_color, 1.05) 70%, - @less_dark_color); -} - -notebook header.bottom tab{ - border-radius: 0px 0px 3px 3px; - border-width: 0px 1px 1px 1px; -} - -notebook header.left tab label{ - border-radius: 3px 0px 0px 3px; - padding: 2px 4px 2px; - border-width: 1px 0px 1px 1px; -} - -notebook header.right tab label{ - border-radius: 0px 3px 3px 0px; - padding: 2px 4px 2px; - border-width: 1px 1px 1px 0px; -} - -notebook header.left tab:checked, -notebook header.right tab:checked { - background-image: none; - background-color: @less_dark_color; -} - -notebook tab button, -notebook tab button:hover, -notebook tab button:hover:checked { - border-style: none; - border-image: none; - border-radius: 5px; - background-color: transparent; - background-image: none; - /*-GtkButton-child-displacement-x: 0; - -GtkButton-child-displacement-y: 0;*/ -} - -/*** The contents of notebooks ***/ - -notebook viewport, -notebook iconview, -/*notebook GtkDrawingArea,*//*no longer recognized by gtk3.20*/ -notebook paned, -notebook GtkEventBox, -notebook frame { - background-color: @less_dark_color; -} - -notebook button { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 1.3), - shade(@less_dark_color, 0.4)); - border-color: shade(@button_border, 1.4); -} - -notebook button:hover { - background-image: -gtk-gradient (radial, - 0.5 -2.0, 2.0, - 0.5 -2.0, 3.0, - from (shade(@button_gradient_color_a, 1.5)), - color-stop (0.42, shade(@button_gradient_color_a, 0.7)), - color-stop (0.43, @theme_bg_color), - to (shade(@less_dark_color, 0.4))); - /* this should be defined here to be overriden - by the style of toolbar buttons below */ - border-image: url("assets/button-border-dark1.svg") 3 / 3px stretch; -} - -notebook button:checked, -notebook button:hover:checked, -notebook button:active, -notebook button:hover:active { - border-image: url("assets/button-active-border-dark1.svg") 3 / 3px stretch; -} - -notebook toolbar, -notebook inline-toolbar toolbar { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 0.4), - shade(@less_dark_color, 1.36)); - border-color: alpha(@light_frame_color, 0.6); /*shade(@less_dark_color, 0.8);*/ -} - -notebook .entry { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 0.2), - shade(@less_dark_color, 0.5) 10%, - @less_dark_color 50%, - shade(@less_dark_color, 1.5)); - box-shadow: inset 0 -3px alpha(@entry_shadow, 0.03), - inset 0 -2px alpha(@entry_shadow, 0.04), - inset 0 -1px alpha(@entry_shadow, 0.06); -} - -notebook .entry:focus { - border-color: shade(@less_dark_color, 1.4); - box-shadow: inset 0 -2px alpha(@entry_shadow, 0.04), - inset 0 -1px alpha(@entry_shadow, 0.06); -} - -notebook .entry:disabled { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 0.8), - shade(@less_dark_color, 1.2)); -} - -notebook toolbar .entry { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 0.3), - shade(@less_dark_color, 1.1) 50%, - mix(#ffffff, @less_dark_color, 0.75)); -} - -notebook scrollbar button, -notebook scrollbar button.horizontal, -notebook scrollbar button.vertical { - border-image: none; - border-style: none; - border-width: 0px; - background-image: none; - background-color: transparent; -} - -notebook scrollbar button:hover, -notebook scrollbar button.horizontal:hover, -notebook scrollbar button.vertical:hover, -notebook scrollbar button:hover:active, -notebook scrollbar button.horizontal:hover:active, -notebook scrollbar button.vertical:hover:active { - border-image: none; - border-style: none; - border-width: 0px; -} - -notebook scrollbar slider:hover, -notebook scrollbar slider:hover:active, -notebook scrollbar slider.vertical:hover, -notebook scrollbar slider.vertical:hover:active { - border-color: shade(@scroll_slider_color, 1.1); -} - -notebook column-header button, -notebook column-header button:hover { - border-image: none; - border-width: 0px 0px 1px 1px; - border-radius: 0; - border-style: solid; - border-color: @less_dark_color; -} - -notebook scale.horizontal trough { - background-image: linear-gradient(to bottom, - @less_dark_color, - @less_dark_color 35%, - shade(@less_dark_color, 0.5)35%, - shade(@less_dark_color, 1.7)65%, - @less_dark_color 65%, - @less_dark_color); - border-width: 0px; - border-radius: 2px; - margin-left: 8px; - margin-right: 8px; -} - -notebook scale.vertical trough { - background-image: linear-gradient(to right, - @less_dark_color, - @less_dark_color 35%, - shade(@less_dark_color, 0.5)35%, - shade(@less_dark_color, 1.7)65%, - @less_dark_color 65%, - @less_dark_color); - border-width: 0px; - margin-top: 8px; - margin-bottom: 8px; -} - -notebook.horizontal scale trough:disabled { - background-image: linear-gradient(to bottom, - @less_dark_color, - @less_dark_color 35%, - shade(@less_dark_color, 0.85)35%, - shade(@less_dark_color, 1.4)65%, - @less_dark_color 65%, - @less_dark_color); - -} - -notebook.vertical scale trough:disabled { - background-image: linear-gradient(to right, - @less_dark_color, - @less_dark_color 35%, - shade(@less_dark_color, 0.85)35%, - shade(@less_dark_color, 1.4)65%, - @less_dark_color 65%, - @less_dark_color); -} - -notebook progressbar trough { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 0.4), - @less_dark_color 50%, - shade(@less_dark_color, 1.8)); -} - -notebook progressbar.trough.vertical { - background-image: linear-gradient(to right, - shade(@less_dark_color, 0.4), - @less_dark_color 50%, - shade(@less_dark_color, 1.8)); -} - -notebook .pane-separator { - color: shade(@theme_selected_bg_color, 2.0); - background-repeat: no-repeat; - background-position: center; - background-image: url("assets/notebook-pane-separator-grip.svg"); -} - -notebook .pane-separator:hover, -notebook .pane-separator:selected { - background-image: url("assets/notebook-pane-separator-grip-hover.svg"); -} - -notebook .pane-separator.vertical { - background-image: url("assets/notebook-pane-separator-grip-vertical.svg"); -} - -notebook .pane-separator.vertical:hover, -notebook .pane-separator.vertical:selected { - background-image: url("assets/notebook-pane-separator-grip-vertical-hover.svg"); -} - -notebook .sidebar.separator, -notebook .sidebar.separator:hover { - color: alpha(@light_frame_color, 0.6); -} - -notebook .frame { - border-color: alpha(@light_frame_color, 0.6); -} - -/*************** - * treeview * - ***************/ -treeview { - background-color: @less_dark_color; - -treeview-vertical-separator: 0; -} - -treeview.view, -treeview.view:disabled { - background-color: @less_dark_color; - color: @theme_fg_color; -} - -treeview .view { - color: @theme_fg_color; -} - -/*force separators to appear, stop jumping */ -treeview.view.separator { - min-height: 2px; -} - -/* row as a separator */ -treeview.view.separator, -treeview.view.separator:hover { - color: alpha(@light_frame_color, 0.6); -} - -treeview:hover, -notebook container treeview:hover { - background-color: alpha(@theme_selected_bg_color, 0.4); -} -treeview:active, -treeview:selected, -treeview:selected:focus { - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color,0.6 ), - shade(@theme_selected_bg_color, 1.5)); -} - -/* Rows are no longer recognized in gtk3.20! -treeview row:nth-child(odd), -treeview row:nth-child(odd):hover { - background-color: @less_dark_color; -} - -treeview row:nth-child(even), -treeview row:nth-child(even):hover { - background-color: shade(@less_dark_color, 1.05); -} -*/ - -treeview:disabled{ - color: @insensitive_fg_color; -} - -treeview header button { - padding: 0px 2px; -} - -treeview header button, -treeview button { - border-image: none; - border-width: 0px 0px 1px 1px; - border-radius: 0; - border-style: solid; - border-color: @less_dark_color; -} - -treeview header button { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 1.3), - shade(@less_dark_color, 0.4)); -} - -treeview button { - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 1.3), - shade(@less_dark_color, 0.4)); -} - -treeview header button:hover, -treeview button:hover { - border-image: none; - border-width: 0px 0px 1px 1px; - border-radius: 0; - border-style: solid; - border-color: @less_dark_color; - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_a, 1.5), - shade(@button_gradient_color_a, 0.7) 39%, - @theme_bg_color 40%, - shade(@less_dark_color, 0.4)); -} - -row { - border-width: 0px; -} - -list row { - transition: all 400ms ease-out; -} - -list row.activatable { - background-image: none; - border-image: none; - border-color: transparent -} - -list row.activatable:focus{ - background-color: transparent; - background-image: linear-gradient(to bottom, - alpha(@button_gradient_color_a, 0.5), - alpha(@button_gradient_color_b, 0.5)); - outline-width: 0px; -} - -list row.activatable:selected, -list row.activatable:selected:hover { - background-color: transparent; - background-image: linear-gradient(to bottom, - @button_gradient_color_a, - @button_gradient_color_b); -} - -list row.activatable:hover { - background-color: transparent; - background-image: linear-gradient(to bottom, - @button_hover_gradient_color_a, - @button_hover_gradient_color_b); -} - -list row scale.horizontal trough { - background-image: none; - background-color: transparent; -} - -.cell { - padding: 2px; - border-width: 0px; -} - -/*keep active .view color off of treeview cells using an image */ -.view.cell:selected, -.view.cell:active{ - background-color:transparent; -} - -/************ - * GtkScale * - ************/ - -scale, -scale:hover, -scale:disabled { - /* deprecated - -GtkScale-slider-length: 16; - -GtkRange-slider-width: 20; - -GtkRange-trough-border: 0;*/ - background-color:transparent; - -} - -scale slider, -scale slider:hover { - border-width: 0px; - border-radius: 0px; - border-style: none; - color: transparent; - background-color: transparent; - background-repeat: no-repeat; - background-position: center; -} - -scale slider:disabled { - color: transparent; - background-color: transparent; -} - -scale slider.fine-tune:active, -scale slider.fine-tune:active:hover, -scale slider.fine-tune.horizontal:active, -scale slider.fine-tune.horizontal:active:hover { - background-size: 80%; - background-repeat: no-repeat; - background-position: center; -} - -scale.horizontal trough { - background-image: linear-gradient(to bottom, - @theme_bg_color, - @theme_bg_color 35%, - shade(@theme_bg_color, 0.5)35%, - shade(@theme_bg_color, 1.7)65%, - @theme_bg_color 65%, - @theme_bg_color); - border-width: 0px; - border-radius: 2px; - margin-left: 8px; - margin-right: 8px; -} - -scale.vertical trough { - background-image: linear-gradient(to right, - @theme_bg_color, - @theme_bg_color 35%, - shade(@theme_bg_color, 0.5)35%, - shade(@theme_bg_color, 1.7)65%, - @theme_bg_color 65%, - @theme_bg_color); - border-width: 0px; - border-radius: 2px; - margin-top: 8px; - margin-bottom: 8px; -} - -scale:disabled trough { - background-image: linear-gradient(to bottom, - @theme_bg_color, - @theme_bg_color 35%, - shade(@theme_bg_color, 0.85)35%, - shade(@theme_bg_color, 1.4)65%, - @theme_bg_color 65%, - @theme_bg_color); - border-width: 0px; - border-radius: 2px; - margin-left: 8px; - margin-right: 8px; -} - -scale.vertical:disabled trough { - background-image: linear-gradient(to right, - @theme_bg_color, - @theme_bg_color 35%, - shade(@theme_bg_color, 0.5)35%, - shade(@theme_bg_color, 1.7)65%, - @theme_bg_color 65%, - @theme_bg_color); - margin-top: 8px; - margin-bottom: 8px; -} - -scale.horizontal mark indicator { - background-color: shade(@theme_bg_color, 0.56); - min-height: 8px; - min-width: 1px; -} - -scale.vertical mark indicator { - background-color: shade(@theme_bg_color, 0.56); - min-height: 1px; - min-width: 8px; -} - -scale highlight, -scale:hover highlight{ - background-image: linear-gradient(to bottom, - transparent, - transparent 35%, - @link_color 35%, - @link_color 65%, - transparent 65%, - transparent); - border-color: @progressbar_border; - background-color: transparent; -} - -scale.vertical highlight, -scale.vertical:hover highlight{ - background-image: linear-gradient(to right, - transparent, - transparent 35%, - @link_color 35%, - @link_color 65%, - transparent 65%, - transparent); - border-color: @progressbar_border; - background-color: transparent; -} - -scale:disabled highlight { - background-color:transparent; -} - - -scale progress { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.4), - shade(@theme_bg_color, 0.8)); - border-radius: 3px; -} - -scale.vertical progress { - background-image: linear-gradient(to right, - shade(@theme_bg_color, 1.4), - shade(@theme_bg_color, 0.8)); -} - - -/************** - * ComboBoxes * - **************/ - -combobox{ - /* align with side buttons */ - padding: 0; -/* -GtkComboBox-shadow-type: none; */ - color: @theme_fg_color; - text-shadow: none; -} - -combobox.separator { - /* always disable separators */ - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; -} - -/* since gtk+-3.18, avoid flat text background */ -combobox button cellview { - background-color: transparent; -} - -combobox button { - padding: 0px 3px; - /* These buttons may be wide. */ - background-image: linear-gradient(to bottom, - @button_hover_gradient_color_a, - @button_hover_gradient_color_b); -} - -combobox button:hover { - /* These buttons may be wide. */ - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_a, 1.5), - shade(@button_gradient_color_a, 0.7) 39%, - @theme_bg_color 40%, - shade(@button_gradient_color_b, 0.7)); -} - -GtkComboBox.combobox-entry button { - padding: 0px; -} - -/* compensation for combo shadow */ -/*GtkTreeMenu menuitem *,*/ -combobox menu { - text-shadow: none; -} - -combobox button cellview:hover { - background-color:transparent; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: @menu_controls_color; - min-height: 16px; - min-width: 16px; -} - -/*********** - * Buttons * - ***********/ -button { - -gtk-icon-style: regular; - padding: 0px; - border-radius: 3px; - border-width: 1px; - border-style: solid; - text-shadow: none; - color: @theme_fg_color; - background-image: linear-gradient(to bottom, - @button_hover_gradient_color_a, - @button_hover_gradient_color_b); - transition: all 400ms ease-out; -} - -/* ie. mate-control-center */ -button.flat { - transition: all 400ms ease-out; - padding: 0px; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0); - text-shadow: none; - -gtk-icon-shadow: none; - border-image: none; -} - -button:focus{ - outline-width: 0px; -} - -/*Borders don't always work here*/ -button.flat:focus{ - outline-width: 2px; -} - -button.flat:hover { - border-radius: 3px; -} - -button.image-button.circular-button { - border-image: none; - border-width: 1px; - border-style: solid; - border-color: @button_border; - border-radius: 10px; - padding: 2px -} - -/* ie. controls gnome-mplayer, virtual-manager */ -button.flat.image-button, -button.flat.image-button:hover, -button.scale.flat { - padding: 4px; -} - -button image, -button image:hover, -button image:checked, -button image:hover:checked, -button image:active, -button image:hover:active, -button image:disabled, -button label, -button label:hover, -button label:checked, -button label:hover:checked, -button label:active, -button label:hover:active, -button label:disabled { - background-image: none; - background-color: transparent; -} - -button label:disabled { - color: shade(@theme_fg_color, 0.6); -} - -button:hover { - border-image: none; - border-style: solid; - border-color: shade(@button_border, 1.1); - background-image: -gtk-gradient (radial, - 0.5 -2.0, 2.0, - 0.5 -2.0, 3.0, - from (shade(@button_gradient_color_a, 1.5)), - color-stop (0.42, shade(@button_gradient_color_a, 0.7)), - color-stop (0.43, @theme_bg_color), - to (shade(@button_gradient_color_b, 0.7))); -} - -button:checked, -button:hover:checked, -button:active, -button:hover:active { - /* some apps need this */ - color: @theme_fg_color; - border-style: solid; - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_b, 0.7), - @theme_bg_color 50%, - shade(@button_gradient_color_a, 1.5)); -} - -button:disabled, -button.default:disabled { - background-color: transparent; - background-image: linear-gradient(to bottom, - alpha(@button_gradient_color_a, 0.2), - alpha(@button_gradient_color_b, 0.3)); - border-image: none; - border-style: solid; - border-color: alpha(@button_border, 0.3); /*shade(@button_border, 1.2)*/ - color: @insensitive_fg_color; -} - -button:disabled image, -.button:disabled image, -button:active:disabled image, -.button:active:disabled image{ - opacity: 0.5; -} - -button:active:disabled { - background-color: transparent; - background-image: linear-gradient(to bottom, - alpha(@button_gradient_color_b, 0.6), - alpha(@button_gradient_color_a, 0.5)); - border-image: none; - border-style: solid; - border-color: alpha(@button_border, 0.3); - color: @insensitive_fg_color; -} - -button.font, -button.color { - padding: 4px 3px; -} - -/****************** - * Linked Buttons * - ******************/ - -/* We don't make them different. */ - -/***************** - * GtkSpinButton * - *****************/ - -spinbutton, -spinbutton:focus, -spinbutton:backdrop, -spinbutton.vertical, -spinbutton.vertical:focus, -spinbutton.vertical:backdrop { - border-color: @less_dark_color; - border-width: 1px; - border-style: solid; - border-radius: 3px; - padding: 0px; -} - -spinbutton.horizontal > entry, -spinbutton.horizontal > entry:focus, -spinbutton.horizontal > entry:backdrop { - padding: 4px 10px 4px 4px; - box-shadow: none; - border-radius: 3px 0px 0px 3px; - border-style: none; -} - -spinbutton > button:disabled { - color: shade(@insensitive_fg_color, 0.7); - background-image: none; -} - -spinbutton > button, -spinbutton > button:focus, -spinbutton > button:backdrop { - border-image: none; - color: shade(@insensitive_fg_color, 1.1); -} - -spinbutton > button:hover, -spinbutton > button:active { - color: @theme_text_color; -} - -spinbutton > button:hover { - border-image: none; - border-style: solid; - border-color: shade(@button_border, 1.1); - background-image: -gtk-gradient (radial, - 0.5 -2.0, 2.0, - 0.5 -2.0, 3.0, - from (shade(@button_gradient_color_a, 1.5)), - color-stop (0.42, shade(@button_gradient_color_a, 0.7)), - color-stop (0.43, @theme_bg_color), - to (shade(@button_gradient_color_b, 0.7))); -} - -spinbutton > button:active { - border-image: none; - border-style: solid; - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_b, 0.7), - @theme_bg_color 50%, - shade(@button_gradient_color_a, 1.5)); -} - -spinbutton.horizontal > button, -spinbutton.horizontal > button:focus, -spinbutton.horizontal > button:backdrop, -spinbutton.horizontal > button:hover, -spinbutton.horizontal > button:active, -spinbutton.horizontal > button:disabled { - min-height: 10px; - min-width: 10px; - padding: 5px 4px; - box-shadow: none; - border-style: solid; - border-color: @less_dark_color; -} - -spinbutton.horizontal > button.down, -spinbutton.horizontal > button.down:focus, -spinbutton.horizontal > button.down:backdrop, -spinbutton.horizontal > button.down:hover, -spinbutton.horizontal > button.down:active, -spinbutton.horizontal > button.down:disabled { - border-radius: 0px; - border-width: 0px 1px 0px 1px; -} - -spinbutton.horizontal > button.up, -spinbutton.horizontal > button.up:focus, -spinbutton.horizontal > button.up:backdrop, -spinbutton.horizontal > button.up:hover, -spinbutton.horizontal > button.up:active, -spinbutton.horizontal > button.up:disabled { - border-radius: 0 3px 3px 0; - border-width: 0px; -} - -spinbutton.vertical > entry { - border-style: none; - border-radius: 0; - padding: 5px 1px; - box-shadow: none; -} - -spinbutton.vertical > button, -spinbutton.vertical > button:focus, -spinbutton.vertical > button:backdrop, -spinbutton.vertical > button:hover, -spinbutton.vertical > button:active, -spinbutton.vertical > button:disabled { - border-color: @less_dark_color; - border-image: none; - border-style: solid; - padding: 6px 0px; -} - -spinbutton.vertical > button.up, -spinbutton.vertical > button.up:focus, -spinbutton.vertical > button.up:backdrop, -spinbutton.vertical > button.up:hover, -spinbutton.vertical > button.up:active, -spinbutton.vertical > button.up:disabled { - border-width: 0px 0px 1px 0px; - border-radius: 3px 3px 0px 0px; -} - -spinbutton.vertical > button.down, -spinbutton.vertical > button.down:focus, -spinbutton.vertical > button.down:backdrop, -spinbutton.vertical > button.down:hover, -spinbutton.vertical > button.down:active, -spinbutton.vertical > button.down:disabled { - border-width: 1px 0px 0px 0px; - border-radius: 0px 0px 3px 3px; -} - -/* ie. yelp */ -*:link, -*:visited { - color: @link_color; -} - -linkbutton button, -linkbutton button:hover, -linkbutton button:active, -linkbutton button:active:hover { - transition: all 400ms ease-in; - text-shadow: none; -} - -/************** - * Scrollbars * - **************/ - -scrollbar { - background-image: none; - background-color: @less_dark_color; - border-style: none; -} - -scrollbar.vertical { - border-style: none; -} - -scrollbar.horizontal { - border-style: none; -} - -scrollbar junction { /* the small square between scrollbars!!! */ - background-image: none; - background-color: @less_dark_color; - border-width: 0; - border-radius: 0; - border-image: none; - box-shadow: none; -} - -scrollbar trough, -scrollbar.vertical trough { - background-image: linear-gradient(to right, - @scrollbar_trough, - shade (@scrollbar_trough, 1.08)); - border-style: solid; - border-radius: 0; - border-image: none; - border-width: 0px 0px 0px 1px; - border-color: shade (@theme_bg_color, 0.94); -} - -scrollbar.horizontal trough { - background-image: linear-gradient(to bottom, - @scrollbar_trough, - shade (@scrollbar_trough, 1.08)); - border-style: solid; - border-radius: 0; - border-image: none; - border-width: 1px 0px 0px 0px; - border-color: shade (@theme_bg_color, 0.94); -} - -scrollbar button, -scrollbar.horizontal button, -scrollbar.vertical button { - color: @theme_fg_color; /*@internal_element_color*/ - border-image: none; - border-style: none; - border-width: 0px; - background-image: none; - background-color: @less_dark_color; - min-width: 10px; - min-height: 10px; -} - -scrollbar button:hover, -scrollbar button.horizontal:hover, -scrollbar button.vertical:hover { - background-image: none; - background-color: shade(@less_dark_color, 1.4); - /*border-color: shade(@highlighted_border, 1.1);*/ - color: @theme_fg_color; - border-image: none; - border-style: none; - border-width: 0px; - min-width: 10px; - min-height: 10px; -} - -scrollbar button:hover:active, -scrollbar.vertical button:hover:active, -scrollbar.horizontal button:hover:active { - background-color: @less_dark_color; - background-image: linear-gradient(to top, - shade(@less_dark_color, 1.5), - shade(@less_dark_color, 0.86)); - color: @theme_fg_color; - border-image: none; - border-style: none; - border-width: 0px; -} - -scrollbar button:disabled, -scrollbar button.horizontal:disabled, -scrollbar button.vertical:disabled { - background-image: none; - background-color: transparent; - color: @insensitive_fg_color; - border-image: none; - border-style: none; - border-width: 0px; -} - -/*Workaround for Yelp scrollbar redraw bug caused my minumum height */ -/*Compromise for working steppers in Libreoffice, partial horiz scrollbar display in Yelp*/ -scrollbar.horizontal button{ - min-height: 8px; - min-width: 14px; -} - -/*Keep this off as many scrollbars as possible */ -/*Also ensure arrow icons same size vertical and horizontal */ -scrollbar.horizontal button{ - min-height: 8px; - min-width: 14px; -} - -scrollbar.vertical button{ - min-height: 14px; - min-width: 14px; -} - - -scrollbar slider, -scrollbar .slider { - background-color: transparent; - background-image: linear-gradient(to top, - shade(@scroll_slider_color, 0.6), - shade(@scroll_slider_color, 1.6) 50%, - shade(@scroll_slider_color, 2.0)); - border-color: transparent; - border-radius: 6px; - border-width: 1px; - border-image: none; -} - -scrollbar.vertical slider, -scrollbar.vertical .slider { - border-width: 1px; - background-image: linear-gradient(to top, - shade(@scroll_slider_color, 0.6), - shade(@scroll_slider_color, 1.6) 50%, - shade(@scroll_slider_color, 2.0)); - min-width: 13px; - min-height: 42px; -} - -scrollbar.horizontal slider, -scrollbar.horizontal .slider { - border-width: 1px; - background-image: linear-gradient(to left, - shade(@scroll_slider_color, 0.6), - shade(@scroll_slider_color, 1.6) 50%, - shade(@scroll_slider_color, 2.0)); - min-height: 13px; - min-width: 42px; -} - -scrollbar slider:hover -scrollbar .slider:hover { - border-width: 1px; - border-color: @scroll_slider_color; - border-radius: 6px; -} - -scrollbar.vertical slider:hover, -scrollbar.vertical .slider:hover { - border-width: 1px; - border-color: @scroll_slider_color; - border-radius: 6px; -} - -scrollbar.horizontal slider:hover, -scrollbar.horizontal .slider:hover { - border-width: 1px; - border-color: @scroll_slider_color; - border-radius: 6px; -} - -scrollbar slider:hover:active, -scrollbar .slider:hover:active { - border-width: 1px; - border-color: @scroll_slider_color; - border-radius: 6px; - background-image: linear-gradient(to top, - shade(@scroll_slider_color, 2.0), - shade(@scroll_slider_color, 1.6) 55%, - shade(@scroll_slider_color, 0.6)); -} - -scrollbar.vertical slider:hover:active, -scrollbar.vertical .slider:hover:active { - border-width: 1px; - border-color: @scroll_slider_color; - border-radius: 6px; - background-image: linear-gradient(to top, - shade(@scroll_slider_color, 2.0), - shade(@scroll_slider_color, 1.6) 55%, - shade(@scroll_slider_color, 0.6)); -} - -scrollbar.horizontal slider:hover:active, -scrollbar.horizontal .slider:hover:active { - border-width: 1px; - border-color: @scroll_slider_color; - border-radius: 6px; - background-image: linear-gradient(to left, - shade(@scroll_slider_color, 2.0), - shade(@scroll_slider_color, 1.6) 55%, - shade(@scroll_slider_color, 0.6)); -} - -scrollbar slider:disabled, -scrollbar .slider:disabled { - background-image: none; - background-color: shade(@theme_bg_color, 1.5); -} - -scrollbar slider.fine-tune:hover:active, -scrollbar .slider.fine-tune:hover:active { - background-image: url("assets/slider_fine_horizontal.svg"), - linear-gradient(to top, - shade(@scroll_slider_color, 3.3), - shade(@scroll_slider_color, 1.6) 55%, - shade(@scroll_slider_color, 0.6)); - background-repeat: no-repeat; - background-position: center; -} - -scrollbar.vertical slider.fine-tune:hover:active, -scrollbar.vertical .slider.fine-tune:hover:active { - background-image: url("assets/slider_fine_vertical.svg"), - linear-gradient(to left, - shade(@scroll_slider_color, 3.3), - shade(@scroll_slider_color, 1.6) 55%, - shade(@scroll_slider_color, 0.6)); - background-repeat: no-repeat; - background-position: center; -} - -/********* - * Menus * - *********/ - -/* this controls the general appearance of the menubar */ -menubar, -.menubar { - background-image: none; - background-color: @theme_bg_color; - border-width: 0px; - border-style: none; - padding: 0px; - color: @theme_text_color; - -GtkWidget-window-dragging: true; -} - -menubar menuitem, -.menubar menuitem { - -gtk-icon-style: regular; - transition: all 300ms ease-out; - padding: 3px 7px; - border-width: 0px; - border-style: none; - background-color: transparent; -} - -menu menuitem, -.menu menuitem { - padding: 3px 4px; - transition: all 300ms ease-out; - border-width: 0px; - border-radius: 3px 3px 0px 0px; - border-style: solid; - border-width: 1px; - border-radius: 3px; - border-image: none; - border-color:transparent; -} - -menubar menuitem:hover, -.menubar menuitem:hover { - background-image: none; - background-color: @theme_selected_bg_color; - border-style: solid; - border-image: none; - /* join menuitem to menu */ - border-radius: 3px 3px 0px 0px; - border-width: 0px; - border-color: @theme_selected_bg_color; - color: @theme_text_color; -} - -menubar menuitem:disabled, -.menubar menuitem:disabled { - color: @insensitive_fg_color; -} - -menuitem:disabled image, -.menuitem:disabled image, -menuitem:active:disabled image, -.menuitem:active:disabled image{ - opacity: 0.5; -} - -menu, -.menu { - background-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to left, - shade(@theme_selected_bg_color, 0.9), - shade(@theme_selected_bg_color, 0.5)); - border-style: none; - border-width: 0px; - border-radius: 0; - padding: 1px; -} - -menuitem:hover, -menu menuitem:hover, -.menu menuitem:hover { - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.2), - shade(@theme_selected_bg_color, 0.3)); - color: @theme_fg_color; - border-style: solid; - border-width: 1px; - border-radius: 3px; - border-image: url("assets/menu-border-dark.svg") 2 / 2px stretch; -} - -menu menuitem:disabled, -.menu menuitem:disabled { - color: @insensitive_fg_color; - background-color: transparent; - border-color: transparent; -} - -menu menuitem:disabled label, -.menu menuitem:disabled label{ - color: shade(@insensitive_fg_color, 0.8); -} - -/* fixes for firefox menus, and menuitem arrows */ -.menuitem { - color: @theme_fg_color; - transition: none; -} - -.menuitem:hover { - color: @theme_main_color; -} - -menu separator, -.menu separator { - min-height: 1px; - background-image: linear-gradient(to right, - shade(@theme_selected_bg_color, 1.05), - shade(@theme_selected_bg_color, 1.25)); -} - -/* fix for broken firefox */ -menu separator { - color: shade(@theme_selected_bg_color, 1.05); -} - -menuitem arrow { - min-height: 16px; - min-width: 16px; - margin-left: 10px; -} - -menu menuitem arrow:dir(ltr), -.menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -menu menuitem arrow:dir(rtl), -.menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -menu > arrow.top, -.menu > arrow.top { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -menu > arrow.bottom, -.menu > arrow.bottom { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -/* settings for 4 menu level, this is needed to override the menuitem:hover - state from previous menu level, as GtkArrow itself don't support states. - thanks gtk+ devs for this madness */ -menu > menuitem > arrow.right, -menu > menuitem:hover menu > menuitem > arrow.right, -menu > menuitem:hover menu > menuitem:hover menu > menuitem > arrow.right, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem > arrow.right, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem > arrow.right, -menu > menuitem > arrow.left, -menu > menuitem:hover menu > menuitem > arrow.left, -menu > menuitem:hover menu > menuitem:hover menu > menuitem > arrow.left, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem > arrow.left, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem > arrow.left, -.menu > menuitem > arrow.right, -.menu > menuitem:hover .menu > menuitem > arrow.right, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem > arrow.right, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem > arrow.right, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem > arrow.right, -.menu > menuitem > arrow.left, -.menu > menuitem:hover .menu > menuitem > arrow.left, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem > arrow.left, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem > arrow.left, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem > arrow.left { - color: @theme_fg_color; - -gtk-icon-shadow: 0px 1px shade (@theme_main_color, 1.0), - 1px 0px shade (@theme_main_color, 1.0), - -1px 0px shade (@theme_main_color, 1.0), - 0px -1px shade (@theme_main_color, 1.0); -} - -menu > menuitem:hover > arrow.right, -menu > menuitem:hover menu > menuitem:hover arrow.right, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow.right, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow.right, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow.right, -menu > menuitem:hover > arrow.left, -menu > menuitem:hover menu > menuitem:hover arrow.left, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow.left, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow.left, -menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow.left, -.menu > menuitem:hover > arrow.right, -.menu > menuitem:hover .menu > menuitem:hover arrow.right, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow.right, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow.right, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow.right, -.menu > menuitem:hover > arrow.left, -.menu > menuitem:hover .menu > menuitem:hover arrow.left, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow.left, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow.left, -.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow.left { - color: @theme_main_color; - -gtk-icon-shadow: 0px 1px shade (@theme_fg_color, 1.0), - 1px 0px shade (@theme_fg_color, 1.0), - -1px 0px shade (@theme_fg_color, 1.0), - 0px -1px shade (@theme_fg_color, 1.0); -} - -/* scroll arrows */ -menu > arrow.top, -.menu > arrow.top { - margin-top: -2px; - margin-left: -2px; -} - -menu > arrow.bottom, -.menu > arrow.bottom { - margin-bottom: -2px; - margin-left: -2px; -} - -menu > arrow, -.menu > arrow { - border-image: none; - background-color: transparent; - background-image: linear-gradient(to bottom, - @button_hover_gradient_color_a, - @button_hover_gradient_color_b); - color: @theme_fg_color; - -gtk-icon-shadow: 0px 1px shade (@theme_main_color, 1.0), - 1px 0px shade (@theme_main_color, 1.0), - -1px 0px shade (@theme_main_color, 1.0), - 0px -1px shade (@theme_main_color, 1.0); -} - -menu > arrow:hover, -.menu > arrow:hover { - background-color: transparent; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.2), - shade(@theme_selected_bg_color, 0.3)); - color: @theme_main_color; - -gtk-icon-shadow: 0px 1px shade (@theme_fg_color, 1.0), - 1px 0px shade (@theme_fg_color, 1.0), - -1px 0px shade (@theme_fg_color, 1.0), - 0px -1px shade (@theme_fg_color, 1.0); -} - -menu > arrow:disabled, -.menu > arrow:disabled { - background-image: none; - background-color: transparent; - border-style: none; - color: @insensitive_fg_color; - -gtk-icon-shadow: none; -} - -menuitem accelerator, -menu menuitem accelerator, -.menu menuitem accelerator { - color: alpha(@theme_fg_color, 0.66); -} - -menuitem accelerator:hover, -menuitem accelerator:active, -menu menuitem accelerator:hover, -menu menuitem accelerator:active, -.menu menuitem accelerator:hover, -.menu menuitem accelerator:active { - color: alpha(@theme_text_color, 0.45); -} - -/*************** - * Menu Button * - ***************/ -/* compensation for combo shadow */ -button.popup menu { - text-shadow: none; -} - -/************ - * Toolbars * - ************/ -toolbar { - background-image: linear-gradient(to bottom, - @toolbar_gradient_base, - @toolbar_gradient_bottom); - border-style: none; - border-width: 0; - border-radius: 0px; - padding: 1px; - -GtkWidget-window-dragging: true; - -GtkToolbar-button-relief: normal; -} - -toolbar button.text-button { - padding: 2px 5px; -} - -toolbar button.image-button { - padding: 5px 4px 4px 5px; -} - -toolbar button:focus, -primary-toolbar button:focus{ - outline-width: 2px; -} - -/*use only outlines for focus on toolbar buttons */ - -toolbar button:focus:not(:hover), -toolbar.primary-toolbar button:focus:not(:hover), -toolbar.primary-toolbar button.text-button:focus:not(:hover), -toolbar.primary-toolbar toolbar button:focus:not(:hover){ - border-image: none; -} - -/******************** - * Primary Toolbars * - ********************/ -toolbar:disabled { - background-image: none; - background-color: shade(@theme_bg_color, 0.97); -} - -/* (primary) toolbar buttons */ - toolbar button, -.primary-toolbar button, -.primary-toolbar toolbar button, -toolbar button:disabled, -.primary-toolbar button:disabled, -.primary-toolbar toolbar button:disabled, -toolbar button:disabled:hover, -.primary-toolbar button:disabled:hover, -.primary-toolbar toolbar button:disabled:hover { - border-style: solid; - border-width: 1px; - border-image: none; - border-color: transparent; - background-image: none; - background-color: transparent; -} - -toolbar button:hover, -.primary-toolbar button:hover, -.primary-toolbar toolbar button:hover { - border-style: solid; - border-color: shade(@button_border, 1.1); - border-radius: 3px; - background-image: -gtk-gradient (radial, - 0.5 -2.0, 2.0, - 0.5 -2.0, 3.0, - from (shade(@button_gradient_color_a, 1.5)), - color-stop (0.42, shade(@button_gradient_color_a, 0.7)), - color-stop (0.43, @theme_bg_color), - to (shade(@button_gradient_color_b, 0.7))); -} - -toolbar button:checked, -.primary-toolbar button:checked, -.primary-toolbar toolbar button:checked, -toolbar button:active, -.primary-toolbar button:active, -.primary-toolbar toolbar button:active, -toolbar combobox button, -.primary-toolbar toolbar combobox button { - border-radius: 3px; - background-image: none; -} - -toolbar button:checked:hover, -.primary-toolbar button:checked:hover, -.primary-toolbar toolbar button:checked:hover, -toolbar button:active:hover, -.primary-toolbar button:active:hover, -.primary-toolbar toolbar button:active:hover, -toolbar combobox button:hover, -.primary-toolbar toolbar combobox button:hover { - border-image: none; - border-style: solid; - border-color: shade(@button_border, 1.1); - background-image: -gtk-gradient (radial, - 0.5 -2.0, 2.0, - 0.5 -2.0, 3.0, - from (shade(@button_gradient_color_a, 1.5)), - color-stop (0.42, shade(@button_gradient_color_a, 0.7)), - color-stop (0.43, @theme_bg_color), - to (shade(@button_gradient_color_b, 0.7))); -} - -toolbar button:checked:disabled, -.primary-toolbar button:checked:disabled, -.primary-toolbar toolbar button:checked:disabled, -toolbar button:active:disabled, -.primary-toolbar button:active:disabled, -.primary-toolbar toolbar button:active:disabled, -toolbar combobox button:disabled, -.primary-toolbar toolbar combobox button:disabled { - border-image: none; - border-style: solid; - border-color: @inactive_frame_color; - background-image: linear-gradient(to bottom, - @button_hover_gradient_color_a, - @button_hover_gradient_color_b); -} - -toolbar separatortoolitem { - border-style: solid; - border-width: 1px; - border-color: shade(@theme_bg_color, 0.85); -} - -/* progressbars on primary toolbar entries are special */ -toolbar entry progressbar { - background-image: linear-gradient(to bottom, - @trough_bg_color_a, - @trough_bg_color_b); - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: shade(@inactive_frame_color, 0.925); - border-image: none; - color: @theme_text_color; -} - -/******************* - * Inline toolbars * - *******************/ -inline-toolbar toolbar { - border-width: 1px; - border-radius: 3px; - border-style: solid; - - background-image: linear-gradient(to bottom, - @toolbar_gradient_base, - shade(@theme_bg_color, 1.6)); - border-color: alpha(@frame_color, 0.6); /*shade(@theme_bg_color, 0.8);*/ -} - -/****************** - * Stack switcher * - ******************/ - -stackswitcher > button > label, -headerbar stackswitcher > button.titlebutton > label, -.titlebar stackswitcher > button.titlebutton > label, -calendar.header stackswitcher > button.titlebutton > label { - padding-left: 6px; - padding-right: 6px; -} - -stackswitcher > button > image, -headerbar stackswitcher > button.titlebutton > image, -.titlebar stackswitcher > button.titlebutton > image, -calendar.header stackswitcher > button.titlebutton > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -stackswitcher > button.text-button { - padding: 5px 10px 6px; -} - -stackswitcher > button.image-button, -headerbar stackswitcher > titlebutton button, -.titlebar stackswitcher > titlebutton button, -calendar.header stackswitcher > .titlebutton button { - padding: 5px 2px; -} - -stackswitcher > button.needs-attention > label, -stackswitcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-color: transparent; - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -stackswitcher > button.needs-attention > label:backdrop, -stackswitcher > button.needs-attention > image:backdrop { - background-size: 6px 6px, 0 0; -} - -stackswitcher > button.needs-attention > label:dir(rtl), -stackswitcher > button.needs-attention > image:dir(rtl) { - background-position: left 3px, left 4px; -} - -stackswitcher > button.needs-attention:active > label, -stackswitcher > button.needs-attention:active > image, -stackswitcher > button.needs-attention:checked > label, -stackswitcher > button.needs-attention:checked > image { - animation: none; - background-image: none; -} - -/******* - * OSD * - *******/ -.osd, -.background.osd { - color: @osd_fg; - background-image: none; - background-color: @osd_bg; - border-radius:20px; -} - -overlay.osd { - background-color: transparent; -} - -.osd.frame, -osd.frame { - background-clip: border-box; - background-origin: border-box; -} - -.osd button, -.osd button:focus, -.osd button:checked, -.osd button:hover:active, -.osd button:focus:hover:active, -button.osd, -button.osd:focus, -button.osd:checked, -button.osd:hover:active, -button.osd:focus:hover:active { - border-width: 1px; - border-style: solid; - border-image: none; - border-color: @osd_button_border; - border-radius: 5px; -} - -.osd button, -button.osd { - padding: 4px; - background-image: linear-gradient(to bottom, - @osd_button_bg_a, - @osd_button_bg_b 68%, - @osd_button_bg_c); - color: @osd_button_fg; - text-shadow: none; - -gtk-icon-shadow: 0 -1px @osd_button_shadow; -} - -.osd button, -.osd button:hover, -.osd button:checked, -button.osd, -button.osd:hover, -button.osd:checked { - background-color: transparent; -} - -.osd button:disabled, -button.osd:disabled { - background-image: none; - background-color: @osd_button_bg_insensitive; -} - -.osd button:checked:disabled, -button.osd:checked:disabled { - background-image: none; - background-color: @osd_button_bg_insensitive_active; -} - -.osd button:hover, -button.osd:hover { - color: @osd_button_fg_hover; -} - -.osd button:checked, -button.osd:active:hover { - color: @osd_button_fg_active; -} - -.osd button:disabled, -.osd button:disabled:checked, -button.osd:disabled, -button.osd:checked:disabled { - color: @osd_button_fg_insensitive; -} - -.osd button:hover, -button.osd:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_hover_a, - @osd_button_bg_hover_b 68%, - @osd_button_bg_hover_c); -} - -.osd button.popup:checked, /* GtkMenuButton */ -.osd button:checked, -button.osd:checked, -.osd button:active:hover, -button.osd:active:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_active_a, - @osd_button_bg_active_b 68%, - @osd_button_bg_active_c); -} - -.osd button.popup:checked { - background-color: transparent; - border-color: @osd_button_border; - color: @osd_button_fg_active; - text-shadow: none; -} - -toolbar.osd { - color: @osd_fg; - text-shadow: none; - padding: 10px; - border-style: none; - border-radius: 7px; - background-image: linear-gradient(to bottom, - @osd_toolbar_bg_a, - @osd_toolbar_bg_b 63%, - @osd_toolbar_bg_c); - background-color: transparent; - -GtkToolbar-button-relief: normal; -} - -toolbar.osd button, -toolbar.osd .linked button { - background-color: transparent; - border-color: @osd_button_border; - padding: 6px; - border-width: 1px 1px; - border-radius: 5px; - box-shadow: @osd_button_inset; -} - -toolbar.osd button:hover { - padding: 6px; -} - -toolbar.osd button:first-child, -toolbar.osd button:hover:active:first-child { - border-radius: 5px 0 0 5px; - border-width: 1px 0 1px 1px; - box-shadow: inset -1px 0 @osd_button_inset; -} - -toolbar.osd button:last-child, -toolbar.osd button:hover:active:last-child { - box-shadow: none; - border-radius: 0 5px 5px 0; - border-width: 1px 1px 1px 0; -} - -toolbar.osd button:only-child, -toolbar.osd button:hover:active:only-child { - box-shadow: none; - border-radius: 5px; - border-width: 1px; -} - -toolbar.osd button:only-child, -toolbar.osd toolbutton button, -toolbar.osd toolbutton:only-child button, -toolbar.osd toolbutton:last-child button, -toolbar.osd toolbutton:first-child button { - border-width: 1px; - border-radius: 5px; - border-style: solid; - box-shadow: none; -} - -toolbar.osd separator { - color: shade(@osd_lowlight, 0.80); -} - -/* used by gnome-settings-daemon's media-keys OSD - and Epiphany */ -.osd trough { - background-color: @osd_trough_bg; -} - -.osd .progressbar, -.osd progressbar { - background-color: @osd_fg; -} - -.osd scale trough { - border-color: @osd_button_border; - background-image: none; - background-color: transparent; - border-style: solid; - border-width: 1px; -} - -.osd scale trough.highlight { - background-image: none; - background-color: @theme_selected_bg_color; -} - -.osd scale trough:disabled, -.osd scale trough.highlight:disabled { - background-image: none; - background-color: transparent; -} - -.osd popover.background.scale-popup { /*volume button */ - color: @osd_fg; - text-shadow: none; - border-color: shade (@theme_selected_bg_color, 0.5); - border-radius: 5px; - background-image: linear-gradient(to bottom, - @osd_toolbar_bg_a, - @osd_toolbar_bg_b 63%, - @osd_toolbar_bg_c); - background-color: transparent; -} - -.osd popover.background.scale-popup button.flat.image-button { - background-color: transparent; - border-radius: 4px; - border-width: 1px; - border-color: @osd_button_border; - box-shadow: none; - padding: 2px; -} - -.osd popover.background.scale-popup button.flat.image-button:disabled { - border-color: alpha (@osd_button_border, 0.0); -} - -/* ie. colorchooser */ -.osd.popover { - background-image: none; - background-color: alpha(shade(#3D3E40, 0.85), 0.35); - border: 1px solid black; - border-radius: 2px; - color: @theme_fg_color; -} - -.osd.popover spinbutton entry, -.osd.popover spinbutton entry:focus, -.osd.popover spinbutton button, -.osd.popover spinbutton button:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, - @osd_button_bg_a, - @osd_button_bg_b 68%, - @osd_button_bg_c); - color: @osd_button_fg; - text-shadow: none; - -gtk-icon-shadow: 0 -1px @osd_button_shadow; -} - -.osd.popover spinbutton button:hover { - background-image: linear-gradient(to bottom, - @osd_button_bg_hover_a, - @osd_button_bg_hover_b 68%, - @osd_button_bg_hover_c); -} - -.osd.popover spinbutton button:active { - background-image: linear-gradient(to bottom, - @osd_button_bg_active_a, - @osd_button_bg_active_b 68%, - @osd_button_bg_active_c); -} - -.osd .progressbar, -.osd progressbar, -progressbar .osd { - padding: 0; - -progressbar-xspacing: 0; - -progressbar-yspacing: 3px; - -progressbar-min-horizontal-bar-height: 3px; - border-style: none; - background-color: shade(@progressbar_background_b, 1.3); - background-image: linear-gradient(to bottom, - @progressbar_background_a, - @progressbar_background_b); - border-radius: 0; -} - -.osd .progressbar.horizontal, -.osd progressbar.horizontal, -progressbar.horizontal .osd { - min-height: 3px; -} - -.osd .progressbar trough, -.osd progressbar trough, -progressbar .osd trough { - padding: 0; - border-image: none; - border-style: none; - border-width: 0; - background-image: none; - background-color: transparent; - border-radius: 0; -} - -.osd .view, -.osd.view { - background-color: @osd_view_bg; -} - -.osd scrollbar trough { - background-color: @osd_scrollbar_trough; -} - -.osd scrollbar slider { - background-color: @osd_scrollbar_slider; -} - -.osd scrollbar slider:hover { - background-color: @osd_scrollbar_slider_prelight; -} - -.osd scrollbar slider:active { - background-color: @osd_scrollbar_slider_active; -} - -.osd iconview.cell:selected, -.osd iconview.cell:selected:focus { - background-color: transparent; - border-style: solid; - border-radius: 15px; - border-width: 3px; - border-color: @osd_button_fg; - outline-color: transparent; -} - -/* used by Documents */ -.osd .page-thumbnail { - border-style: solid; - border-width: 1px; - border-color: @osd_lowlight; - /* when there's no pixbuf yet */ - background-color: @osd_bg; -} - -/* ie. parole-media-player control bar */ -revealer.bottom > box.background.horizontal.osd button { - margin: 0px 1px; - padding: 0px 3px; -} - - - -/************* - * Popovers * - *************/ - - popover { - background-clip: initial; - margin: 10px; - padding: 2px; - border-color: shade(@theme_bg_color, 0.8); - border-width: 1px; - border-style: solid; - border-radius: 6px; - background-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - @theme_selected_bg_color, - shade(@theme_selected_bg_color, 0.5)); - box-shadow: 0 1px 5px @wm_shadow; - text-shadow: none; - -gtk-icon-shadow: none; -} - -popover > list, -popover > .view, -popover > view, -popover > toolbar popoveosd > toolbar, -popover > inline-toolbar popoverosd > toolbar, -popover > search-bar popoverosd > toolbar, -popover > location-bar popoverosd > toolbar, -popover > toolbar popoverosd > inline-toolbar, -popover > inline-toolbar popoverosd > inline-toolbar, -popover > search-bar popoverosd > inline-toolbar, -popover > location-bar popoverosd > inline-toolbar, -popover > toolbar popoverosd > search-bar, -popover > inline-toolbar popoverosd > search-bar, -popover > search-bar popoverosd > search-bar, -popover > location-bar popoverosd > search-bar, -popover > toolbar popoverosd > location-bar, -popover > inline-toolbar popoverosd > location-bar, -popover > search-bar popoverosd > location-bar, -popover > location-bar popoverosd > location-bar { - border-style: none; - background-color: transparent; -} - -popover separator { - font-size: 80%; - font-weight: bold; - color: alpha(@theme_fg_color,0.1); - text-shadow: none; - background-color: transparent; - -gtk-icon-shadow: none; - border: 0; -} - -popoverosd { - background-image: none; - background-color: alpha(shade(#3D3E40, 0.85), 0.75); - border: 1px solid black; - box-shadow: none; - color: @theme_selected_fg_color; -} -popoverosd toolbar { - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; -} -popoverosd button { - text-shadow: none; - -gtk-icon-shadow: 0 -1px @osd_text_shadow; -} -popoverosd button:active, -popoverosd button:checked { - box-shadow: none; -} -popoverosd button:disabled { - color: alpha(@theme_selected_fg_color, 0.4); -} - -popover list { - background-color: @theme_base_color; -} - -modelbutton:checked, -modelbutton:disabled, -modelbutton:checked:disabled, -modelbutton, -modelbutton:focus, -modelbutton:focus:active { - background-image: none; - background-color: transparent; - border-color: transparent; - border-image: none; - border-style: none; - box-shadow: none; - border-radius: 3px; -} - -modelbutton { - color: @theme_fg_color; -} - -modelbutton:hover:active, -modelbutton:hover, -modelbutton:checked { - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.2), - shade(@theme_selected_bg_color, 0.3)); - color: @theme_selected_fg_color; - text-shadow: none; - border-width: 0; - border-color: transparent; - border-radius: 3px; -} - -popover .separator { - font-size: 80%; - font-weight: bold; - color: alpha(@theme_text_color,0.4); - text-shadow: none; - background-color: transparent; - -gtk-icon-shadow: none; - border: 0; -} - -/*************** - * Header bars * - ***************/ - -/******* - * CSD * - *******/ - -/*mostly taken from Adwaita except the border radius */ -decoration { - border-radius: 7px 7px 0px 0px; - border-width: 1px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); - /* this is used for the resize cursor area */ - margin: 10px; - padding: 0px; -} - -/*Limit CSD shadow extent to deal with any WM CSD/GtkFrameExtent issues */ -.csd decoration { - border-radius: 7px 7px 0px 0px; - border-width: 1px; - box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.23); - /* this is used for the resize cursor area */ - margin: 10px; - padding: 0px; -} - -headerbar, -.titlebar { - border-width: 0 0 1px; - border-style: solid; - padding: 0 1px; - border-radius: 7px 7px 0 0; - background-color: @theme_bg_color; - border-color: shade(@theme_bg_color, 0.8); - text-shadow: none; - background-image: linear-gradient(to bottom, - shade (@theme_bg_color, 1.50), - shade (@theme_bg_color, 1.0)); -} - -/* fix for gedit, .titlebar does not match headerbar selector */ -.background.csd > paned.horizontal.titlebar, -.background.ssd > paned.horizontal.titlebar, -.background.solid-csd > paned.horizontal.titlebar { - background-color: transparent; - padding: 0px; - margin: 0px; - border-width: 0px; -} - -.background.csd > paned.horizontal.titlebar > headerbar, -.background.ssd > paned.horizontal.titlebar > headerbar, -.background.solid-csd > paned.horizontal.titlebar > headerbar { - padding: 0px 6px; -} - -/* ie. meld */ -dialog.background.csd > headerbar.titlebar, -dialog.background.ssd > headerbar.titlebar, -dialog.background.solid-csd > headerbar.titlebar { - padding: 0px 6px; -} - -.tiled .titlebar { - border-radius: 0; -} - -.maximized .titlebar { - border-radius: 0; -} - -/* this is the default titlebar that is added by GTK - * when client-side decorations are in use and the application - * did not set a custom titlebar. - */ -.titlebar.default-decoration { - border: none; - box-shadow: none; -} - -.titlebar .title, -headerbar .title { - font-weight: bold; - font-size: 120%; - background: none; - color: #D9D9D9; -} - -/*This does not respond to .titlebar or headerbar */ -/*So we are forced to rely on nothing else being called label.title */ -box.vertical>label.title{ - padding: 0px; -} - -.titlebar separator, -headerbar separator { - background-color: transparent; - background-image: none; -} - -headerbar:backdrop, -.titlebar:backdrop { - color: #747473; - text-shadow: none; - background-image: none; - background-color: #606060; -} - -.titlebar .titlebutton, -headerbar.titlebar button.image-button.titlebutton, -button.text-button.titlebutton { - border-radius: 3px; - border-width: 1px; - border-style: solid; - text-shadow: none; - color: #D9D9D9; - background-image: linear-gradient(to bottom, - @button_hover_gradient_color_a, - @button_hover_gradient_color_b); -} - -headerbar:backdrop button, -.titlebar:backdrop button { - background-image: linear-gradient(to bottom, - alpha(@button_hover_gradient_color_a, 0.3), - alpha(@button_hover_gradient_color_b, 0.3)); - background-color:transparent; -} - -headerbar button:not(.appmenu):not(.titlebutton){ - padding: 4px; -} - -/*Keep the size of decorations down in ssd apps on Metacity/Mutter/Gnome-shell etc*/ -headerbar button.appmenu, .csd button.titlebutton{ - padding: 0px 4px; - margin: 0px; -} - -.titlebar .titlebutton { - /* fake request for hardcoded icons, - to avoid usage of regular window-close button*/ - -gtk-icon-style: requested; - border-width: 0px; - border-style: none; - border-image-source: none; - background-image: none; -} - -.titlebar .titlebutton:hover, -headerbar.titlebar button.image-button.titlebutton:hover, -button.text-button.titlebutton:hover { - border-image: none; - border-style: solid; - border-color: shade(@button_border, 1.1); - background-image: -gtk-gradient (radial, - 0.5 -2.0, 2.0, - 0.5 -2.0, 3.0, - from (shade(@button_gradient_color_a, 1.5)), - color-stop (0.42, shade(@button_gradient_color_a, 0.7)), - color-stop (0.43, @theme_bg_color), - to (shade(@button_gradient_color_b, 0.7))); -} - -.titlebar .titlebutton:hover { - background-image: none; - background-color: transparent; -} - -.titlebar .titlebutton:hover:active, -headerbar.titlebar:hover:active, -button.image-button.titlebutton:hover:active, -button.text-button.titlebutton:hover:active, -.titlebar .titlebutton:checked, -headerbar.titlebar:checked, -button.image-button.titlebutton:checked, -button.text-button.titlebutton:checked { - color: @theme_fg_color; - border-style: solid; - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_b, 0.7), - @theme_bg_color 50%, - shade(@button_gradient_color_a, 1.5)); -} - -.titlebar .right .titlebutton:first-child { -} - -.titlebar .right .titlebutton:last-child { -} - -.titlebar .left .titlebutton:last-child { -} - -.titlebar .left .titlebutton:first-child { -} - -.titlebar .titlebutton:hover:backdrop, -headerbar.titlebar button.image-button.titlebutton:hover:backdrop { - color: #747473; -} - -.titlebar .titlebutton:backdrop, -.titlebar .titlebutton:hover:backdrop, -headerbar.titlebar button.image-button.titlebutton:backdrop, -headerbar.titlebar button.image-button.titlebutton:hover:backdrop { - background: none; - color: @theme_main_color; - border-image: none; - -gtk-icon-shadow: none; -} - -.background.csd decoration { - border-radius: 7px 7px 0px 0px; - border-width: 0px; - box-shadow: 0 0 0 2px @wm_csd_border_color, 0 2px 8px 3px @wm_shadow; - /* this is used for the resize cursor area */ - margin: 10px; -} - -.background.csd decoration:backdrop { - background: @theme_bg_color; - border-style: solid; - border-radius: 7px 7px 0px 0px; - border-color: #595959; -} - -.background.ssd decoration { - box-shadow: 0 0 0 2px @wm_csd_border_color, 0 2px 8px 3px @wm_shadow; - /* this is used for the resize cursor area */ - margin: 2px; -} - -/*fix for CSD apps w/o compositing */ -.solid-csd decoration { - border-style: solid; - border-radius: 0px; - border-width: 1px; - border-color: #595959; - box-shadow: none; - background: @theme_bg_color; - margin: 2px; - padding: 0px; -} - -.solid-csd headerbar{ - border-style: solid; - border-radius: 0px; - border-width: 1px; - box-shadow: none; - padding: 0px; -} - -.csd.popup decoration { - border-radius: 0; - box-shadow: none; -} - -.tiled decoration { - border-radius: 0; - background-color: @theme_bg_color; -} - -messagedialog.csd decoration { - border-radius: 7px; - box-shadow: none; -} - -/**************************** - * Suggested action buttons * - ****************************/ - -/* Not different from other buttons. */ - -/****************************** - * Destructive action buttons * - ******************************/ - -/* not different from other buttons */ - -/************************** - * Selection Mode classes * - **************************/ - -/* Not different from other toolbars. */ - -/**************** - * GtkAssistant * - ****************/ -assistant sidebar .highlight { - color: @theme_fg_color; - background-image: linear-gradient(to bottom, - shade(@less_dark_color, 0.8), - shade(@less_dark_color, 1.2)); - background-color: @less_dark_color; - border-style: none; - padding: 5px 8px; - border-radius: 5px; - box-shadow: inset 0 2px 1px alpha(black, 0.25), - inset 1px 1px 1px alpha(black, 0.2), - inset 0 -2px 1px alpha(@entry_shadow, 0.1), - inset -1px -1px 1px alpha(@entry_shadow, 0.2); -} - -assistant sidebar { - padding: 12px; - border-radius: 0px 3px 0px 0px; - border-style: solid; - border-width: 1px; - border-color: @less_dark_color; /*alpha(@frame_color, 0.6) @inactive_frame_color*/ - color: mix (@theme_fg_color, @theme_bg_color, 0.40); /*?*/ - background-color: @less_dark_color; -} - -/************* - * GtkSwitch* - *************/ - -switch, -switch:backdrop { - font-weight: bold; - font-size: smaller; - font-stretch: condensed; - color: @internal_element_color; - border-radius: 3px; - border-width: 1px; - border-image: none; - border-style: solid; - border-color: @frame_color; - background-image: linear-gradient(to bottom, - @trough_bg_color_a, - @trough_bg_color_b); -} - -switch:checked, -switch:backdrop:checked { - color: @theme_main_color; - border-image: none; - border-color: shade(@frame_color, 1.22); - background-image: linear-gradient(to bottom, - @active_switch_bg_color_a, - @active_switch_bg_color_b); -} - - -switch:checked:hover { - color: @theme_main_color; - border-image: none; - border-color: shade(@frame_color, 1.22); - background-image: linear-gradient(to bottom, - shade(@active_switch_bg_color_a, 1.1), - shade(@active_switch_bg_color_b, 1.1)); -} - -switch:disabled, -switch:backdrop:disabled { - background-image: none; - background-color: shade(@theme_bg_color, 0.9); - border-color: shade(@inactive_frame_color, 0.845); - border-image: none; - color: @insensitive_fg_color; -} - -switch slider, -switch slider:backdrop { - border-width: 1px; - border-radius: 2px; - border-color: shade(@frame_color, 0.8); - border-image: none; - border-style: solid; - padding: 2px; - background-image: url("assets/switch-slider-grip.svg"), - linear-gradient(to bottom, - @switch_slider_color, - shade(@switch_slider_color, 0.9) 60%, - shade(@switch_slider_color, 0.7)); - background-repeat: no-repeat; - background-position: center; -} - -switch slider:checked, -switch slider:backdrop:checked { - border-color: @switch_slider_border; -} - -switch slider:disabled, -switch slider:backdrop:disabled { - border-style: none; - background-image: none; - background-color: shade(@switch_slider_color, 0.6); -} - -switch slider:disabled > label, -switch slider:backdrop:disabled > label { - color: inherit; -} - -list row switch, -list row switch:backdrop, -list row:selected switch, -list row:selected switch:backdrop { - box-shadow: none; - border-color: shade(@button_border, 1.0); -} - -list row switch:focus slider { - outline-offset: 1px; - outline-style: solid; - outline-color: alpha(@focus_border, 0.6); -} - -list row:selected switchslider:dir(rtl) { - border-left-color: @borders; -} - -list row:selected switchslider:dir(ltr) { - border-right-color: @borders; -} - -list row:selected switchslider, -list row:selected switchslider:active { - border-color: shade(@button_border, 1.0); -} - -statusbar { - padding: 0px; - color: @theme_fg_color; - -statusbar-shadow-type: none; - font-size: smaller; -} - -statusbar .frame { - background-image: none; - background-color: transparent; - padding: 0px; - border-width: 0; -} - -image, -image:hover, -image:active, -image:hover:active, -image:disabled, -label, -label:hover, -label:active, -label:hover:active, -label:disabled, -box, -box:disabled, -grid, -grid:disabled { - background-image: none; - background-color: transparent; -} - -image, label { - padding: 3px; -} - -statusbar label { - padding: 1px; -} - -viewport, -iconview { - border-radius: 3px; - padding: 0px; -} - -viewport { - background-color: @less_dark_color; -} - -iconview.view.cell:selected, -iconview.view.cell:selected:focus { - background-color: transparent; - border-style: solid; - border-width: 3px; - border-radius: 12px; - border-color: shade(@theme_selected_bg_color, 1.5); - color: @theme_text_color; - outline-color: @progressbar_border; - outline-style: solid; - outline-offset: 3px; -} - -/* These are for Evolution, whose new version can also - be made fully readable with this theme fortunately. */ -EMailDisplay, -EPreviewPane entry { - background-color: @view_color; - color: @theme_main_color; -} - -/* make plain-text preview readable */ -EMailDisplay expander label { - color: @theme_main_color; -} - -EMailDisplay expander:hover { - color: @theme_fg_color; - border-color: @theme_fg_color; -} - -GtkHTML expander label { - color: #000000; -} - -GtkHTML:active { - color: #ffffff; -} - -EShellWindow *:active { - background-color: #717175; -} - -EShellWindow button *:active { - background-color: transparent; -} - -EShellWindow:disabled { /* removes the "flash" when quitting */ - background-color: @theme_bg_color; -} - -/***************** - * Color Chooser * - *****************/ - -colorswatch{ - background-image: none; - background-color: transparent; - border-style: solid; - border-color:transparent; - border-width: 2px; -} - -colorswatch overlay, -colorswatch overlay:hover, -colorswatch overlay:selected{ - background-image: none; - background-color: transparent; -} - -colorswatch.dark:hover { - background-image: linear-gradient(to bottom, - alpha(white, 0) 40%, - alpha(white, 0.3)); -} - -colorswatch.light:hover { - background-image: linear-gradient(to top, - alpha(black, 0) 40%, - alpha(black, 0.1)); -} - -colorswatch:selected { - border-color: alpha(black, 0.2); -} - -colorswatch:selected:hover { - border-color: alpha(black, 0.5); -} - -colorswatch.light:selected:hover, -colorswatch.dark:selected:hover { - background-image: none; -} - -/*************************** - * Radio and Check Buttons * - ***************************/ -radio, -check, -radio:selected, -check:selected, -radio:selected:focus, -check:selected:focus, -cell.radio, -cell.check, -cell.radio:selected, -cell.check:selected, -cell.radio:selected:focus, -cell.check:selected:focus { - background-color: transparent; - border-width: 0px; - border-style: none; - min-height: 12px; - min-width: 12px; -} - -check:hover, -check:selected:hover, -radio:hover, -radio:selected:hover { - background-color: transparent; -} - -/***************** - * GtkCheckbutton * - *****************/ -checkbutton:hover { - background-color: alpha(@theme_main_color, 0.09); -} - -checkbutton:selected:hover { - background-color: alpha(@theme_main_color, 0.15); -} - -/***************** - * GtkRadioButton * - *****************/ -radiobutton:hover { - background-color: alpha(@theme_main_color, 0.09); -} - -radiobutton:selected:hover { - background-color: alpha(@theme_main_color, 0.15); -} - -/************* - * Expanders * - *************/ -expander title{ - border-style: solid; - border-width: 1px; - border-radius: 2px; - border-color: transparent; - color: @internal_element_color; - background-image: none; - background-color: transparent; -} - -expander title:active { - border-color: @internal_element_color; - color: @internal_element_color; - background-color: transparent; -} - -expander title:hover { - border-color: @internal_element_prelight; - color: @internal_element_prelight; -} - - - -expander arrow { - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -/**************** - * Content view * - ****************/ -content-view.view { - background-color: @content_view_bg; -} - -content-view.view:hover { - background-color: shade(@content_view_bg, 1.1); - color: @theme_text_color; -} - -content-view.view:selected, -content-view.view:active { - background-color: @theme_selected_bg_color; -} - -content-view.view:disabled { - background-color: @theme_unfocused_base_color; -} - -GdMainIconView.content-view { - -GdMainIconView-icon-size: 40; -} - -iconview.content-view.check { - background-image: url("assets/grid-selection-unchecked.svg"); - background-color: transparent; -} - -iconview.content-view.check:active { - background-image: url("assets/grid-selection-checked.svg"); - background-color: transparent; -} - -content-view.view.check, -content-view.view.check:active { - background-color: transparent; -} - -iconview.content-view.check:hover, -iconview.content-view.check:disabled, -iconview.content-view.check:selected { - background-color: transparent; -} - -/********************* - * App Notifications * - *********************/ - -.app-notification, -.app-notification.frame { - color: @theme_fg_color; - padding: 10px; - border: none; - border-radius: 0 0 4px 4px; - background-color: rgba(101, 101, 104, 0.7); - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, 0.2), - transparent 2px); - background-clip: padding-box; -} - -.app-notification:backdrop, -.app-notification.frame:backdrop { - background-image: none; -} - -.app-notification button, -.app-notification headerbar button.titlebutton, -headerbar .app-notification button.titlebutton, -.app-notification .titlebar button.titlebutton, -.titlebar .app-notification button.titlebutton, -.app-notification calendar.header button.titlebutton, -calendar.header .app-notification button.titlebutton, -.app-notification.frame button { - color: @theme_fg_color; - border-color: rgba(75, 89, 112, 0.7); - /*FIXME-this is deprecated - background-image: linear-gradient(to bottom, - rgba(101, 101, 104, 0.7));*/ - background-color:rgba(101, 101, 104, 0.7); /*Use this for now*/ - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); - border-radius: 3px; - padding: 0 0px 2px 0px; -} - -.app-notification button.flat, -.app-notification headerbar .titlebutton button, -headerbar .app-notification .titlebutton button, -.app-notification .titlebar .titlebutton button, -.titlebar .app-notification .titlebutton button, -.app-notification calendar.header .titlebutton button, -calendar.header .app-notification .titlebutton button, -.app-notification.frame button.flat, -.app-notification.frame headerbar .titlebutton button, -headerbar .app-notification.frame .titlebutton button, -.app-notification.frame .titlebar .titlebutton button, -.titlebar .app-notification.frame .titlebutton button, -.app-notification.frame calendar.header .titlebutton button, -calendar.header .app-notification.frame .titlebutton button { - -gtk-icon-shadow: 0 1px black; - text-shadow: 0 1px black; -} - -.app-notification button:hover, -.app-notification.frame button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - /*FIXME-this is deprecated - background-image: linear-gradient(to bottom, - rgba(47, 47, 48, 0.7));*/ - background-color: rgba(47, 47, 48, 0.7); /*Use this for now*/ - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); - border-radius: 3px; - padding: 0 0px 2px 0px; -} - -.app-notification button:checked, -.app-notification button:backdrop:checked, -.app-notification.frame button:checked, -.app-notification.frame button:backdrop:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - /*FIXME-this is deprecated - background-image: linear-gradient(to bottom, - rgba(65, 106, 175, 0.7));*/ - background-color: rgba(65, 106, 175, 0.7); /*Use this for now*/ - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); - border-radius: 3px; -} - -.app-notification button:disabled, -.app-notification button:backdrop:disabled, -.app-notification.frame button:disabled, -.app-notification.frame button:backdrop:disabled { - color: #878989; - border-color: rgba(0, 0, 0, 0.7); - /*FIXME-this is deprecated - background-image: linear-gradient(to bottom, - rgba(52, 57, 57, 0.5));*/ - background-color:rgba(52, 57, 57, 0.5); /*Use this for now*/ - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border-radius: 3px; - padding: 0px; -} - -.app-notification button:backdrop, -.app-notification.frame button:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - /*FIXME-this is deprecated - background-image: linear-gradient(to bottom, - rgba(47, 51, 54, 0.7));*/ - background-color: rgba(47, 51, 54, 0.7); /*Use this for now*/ - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border-radius: 3px; - padding: 0px; -} - -/************* - * Calendars * - *************/ -calendar.view { - border-radius: 3px; - border-style: solid; - border-width: 1px; - border-color: @frame_color; - padding: 2px; -} - -calendar.header { - border-radius: 0; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.1), - shade(@theme_bg_color, 0.86)); - border-width: 0; -} - -calendar button, -calendar button:disabled { - background-image: none; - background-color: transparent; -} - -calendar { - color: @theme_fg_color; - text-shadow: none; -} - -calendar:indeterminate { - color: alpha(@theme_fg_color, 0.4); -} - -.highlight, -calendar.highlight { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - border-radius: 0; - padding: 0px; - border-width: 0px; -} - -/************** - * GtkInfobar * - **************/ -infobar { - border-width: 0; - border-style: none; - border-radius: 3px; -} - -.info .entry, -.info .entry:focus, -.info button, -.info button:disabled, -.info button:checked, -.info button:active, -.warning .entry, -.warning .entry:focus, -.warning button, -.warning button:disabled, -.warning button:checked, -.warning button:active, -.error .entry, -.error .entry:focus, -.error button, -.error button:disabled, -.error button:checked, -.error button:active { - border-image: none; - border-style: none; -} - -.info { - background-color: @info_bg_color; - color: @info_fg_color; -} - -.warning { - background-color: @warning_bg_color; - color: @warning_fg_color; -} - -.question { - background-color: @question_bg_color; - color: @question_fg_color; -} - -.error { - background-color: @error_bg_color; - color: @error_fg_color; -} - -label { - color: @theme_fg_color; -} - -/************** - * Dim labels * - **************/ -dim-label, -dim-label:hover, -dim-label:focus, -.view dim-label { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); - text-shadow: none; -} - -dim-label:selected, -dim-label:selected:focus { - color: mix (@theme_selected_fg_color, @theme_base_color, 0.50); - text-shadow: none; -} - -/*************************** - * Gtk-file-chooser-dialog * - ***************************/ - -filechooserdialog treeview.view { - background-color: @less_dark_color; -} - -filechooserwidget.vertical paned.horizontal { - -paned-handle-size: 3px; - border-color: transparent; -} - - -/*************************** - * GtkPrintUnixDialog * - ***************************/ - -printdialog paper{ - border-style: solid; - border-width: 0.9px; - border-radius: 0px; - border-color: #aaaaaa; - background-color: #888888; - background-image: linear-gradient(to top, - @toolbar_gradient_top, - @toolbar_gradient_bottom); -} - -/************************ - * overshoot/undershoot * - ************************/ - -/* displays at end of mouse scrolling */ -.overshoot.top { - background-image: -gtk-gradient(radial, - center top, 0, - center top, 0.5, - to(@overshoot_bg_color), - to(rgba(179, 165, 137, 0))), - -gtk-gradient(radial, - center top, 0, - center top, 0.6, - from(rgba(87, 70, 56, 0.17)), - to(rgba(87, 70, 56, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -.overshoot.top:backdrop { - background-image: -gtk-gradient(radial, - center top, 0, - center top, 0.5, - to(@overshoot_backdrop_bg_color), - to(rgba(145, 139, 131, 0))); - background-size: 100% 5%; - 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, - center bottom, 0.5, - to(@overshoot_bg_color), - to(rgba(179, 165, 137, 0))), - -gtk-gradient(radial, - center bottom, 0, - center bottom, 0.6, - from(rgba(87, 70, 56, 0.17)), - to(rgba(87, 70, 56, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -.overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, - center bottom, 0, - center bottom, 0.5, - to(@overshoot_backdrop_bg_color), - to(rgba(145, 139, 131, 0))); - background-size: 100% 5%; - 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, - left center, 0.5, - to(@overshoot_bg_color), - to(rgba(179, 165, 137, 0))), - -gtk-gradient(radial, - left center, 0, - left center, 0.6, - from(rgba(87, 70, 56, 0.07)), - to(rgba(87, 70, 56, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.overshoot.left:backdrop { - background-image: -gtk-gradient(radial, - left center, 0, - left center, 0.5, - to(@overshoot_backdrop_bg_color), - to(rgba(145, 139, 131, 0))); - background-size: 5% 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, - right center, 0.5, - to(@overshoot_bg_color), - to(rgba(179, 165, 137, 0))), - -gtk-gradient(radial, - right center, 0, - right center, 0.6, - from(rgba(87, 70, 56, 0.07)), - to(rgba(87, 70, 56, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.overshoot.right:backdrop { - background-image: -gtk-gradient(radial, - right center, 0, - right center, 0.5, - to(@overshoot_backdrop_bg_color), - to(rgba(145, 139, 131, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -/* result is disable undershoot */ -.undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 10px 0px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; -} - -.undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 10px 0px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; -} - -.undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 0px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; -} - -.undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, - rgba(255, 255, 255, 0.2) 50%, - rgba(0, 0, 0, 0.2) 50%); - background-size: 0px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; -} - -/**************** - * GtkActionBar * - ****************/ - -actionbar .frame.action-bar { - padding: 2px; -} - -actionbar .frame.action-bar button.image-button { - padding: 6px; -} - -actionbar .frame.action-bar .horizontal stackswitcher.linked button.image-button { - padding: 4px 2px; -} - -/************ - * GtkStack * - ************/ - -stacksidebar scrolledwindow { - background-image: linear-gradient(to bottom, - @toolbar_gradient_base, - @toolbar_gradient_bottom); - border-width: 0px; - border-radius: 3px 0px 0px 3px; - padding: 0px; -} - -/* using stack here styles also notebootk in gtk3-widget-factory, needs to be reviewed -frame .horizontal stack { - background-color: @less_dark_color; - border-radius: 0px 3px 3px 0px; - background-image: linear-gradient(to bottom, - @toolbar_gradient_base, - @toolbar_gradient_bottom); -} -*/ -stacksidebar viewport.frame { - background-color:transparent; -} - -stacksidebar viewport.frame list-row button { - transition: none; -} |