Last active
December 11, 2015 20:49
-
-
Save glurp/4658090 to your computer and use it in GitHub Desktop.
a theme for gnome3 on windows
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* put this file in | |
| * | |
| D:\usr\Ruby\ruby19\lib\ruby\gems\1.9.1\gems\gdk3-1.2.0-x86-mingw32\vendor\local\... | |
| * ...share\themes\GreyBird\gtk-3.0\gtk.css | |
| * | |
| * update the file : | |
| * | |
| ruby19\lib\ruby\gems\1.9.1\gems\gdk3-1.2.0-x86-mingw32\vendor\local\etc\... | |
| * ..gtk-3.0\settings.ini | |
| * with : | |
| * [Settings] | |
| * gtk-theme-name = GreyBird | |
| * | |
| */ | |
| @define-color light_shadow rgb(200,200,200); | |
| @define-color dark_shadow rgb(20,20,20); | |
| @define-color bg_color rgb(250,250,250) ; | |
| @define-color fg_color rgb(0,0,0) ; | |
| @define-color base_color rgb(254,254,220) ; /* entry bg */ | |
| @define-color text_color rgb(0,0,0) ; /* entry fg */ | |
| @define-color selected_bg_color rgb(198,198,198) ; | |
| @define-color selected_fg_color rgb(0,0,0) ; | |
| /* to be define? | |
| @error_bg_color | |
| @error_color | |
| @error_fg_color | |
| @info_bg_color | |
| @info_fg_color | |
| @link_color | |
| @menu_bg_color | |
| @menu_fg_color | |
| @menubar_bg_color | |
| @menubar_fg_color | |
| @osd_bg | |
| @osd_fg | |
| @question_bg_color | |
| @question_fg_color | |
| @selected_bg_color | |
| @selected_fg_color | |
| @success_color | |
| @text_color | |
| @toolbar_bg_color | |
| @toolbar_fg_color | |
| @tooltip_bg_color | |
| @tooltip_fg_color | |
| @warning_bg_color | |
| @warning_fg_color | |
| */ | |
| /* default */ | |
| * { | |
| engine: none; | |
| font: Arial; | |
| border-width: 1px; | |
| background-clip: padding-box; | |
| background-origin: border-box; | |
| -GtkArrow-arrow-scaling: 0.6; | |
| -GtkButton-child-displacement-x: 1; | |
| -GtkButton-child-displacement-y: 1; | |
| -GtkButton-default-border: 0; | |
| -GtkButton-image-spacing: 0; | |
| -GtkButton-inner-border: 1; | |
| -GtkButton-interior-focus: true; | |
| -GtkCheckButton-indicator-size: 15; | |
| -GtkCheckMenuItem-indicator-size: 12; | |
| -GtkEntry-inner-border: 2; | |
| -GtkEntry-progress-border: 0; | |
| -GtkExpander-expander-size: 12; | |
| -GtkHTML-link-color: @link_color; | |
| -GtkIMHtml-hyperlink-color: @link_color; | |
| -GtkMenu-horizontal-padding: 0; | |
| -GtkMenu-vertical-padding: 0; | |
| -GtkMenuBar-internal-padding: 0; | |
| -GtkMenuItem-arrow-scaling: 0.4; | |
| -GtkNotebook-initial-gap: 0; | |
| -GtkNotebook-tab-overlap: -2; | |
| -GtkPaned-handle-size: 3; | |
| -GtkProgressBar-min-horizontal-bar-height: 10; | |
| -GtkProgressBar-min-vertical-bar-width: 10; | |
| -GtkRange-slider-width: 9; | |
| -GtkRange-stepper-size: 0; | |
| -GtkRange-stepper-spacing: 0; | |
| -GtkRange-trough-border: 3; | |
| -GtkRange-trough-under-steppers: 1; | |
| -GtkScrollbar-activate-slider: 1; | |
| -GtkScrollbar-has-backward-stepper: false; | |
| -GtkScrollbar-has-forward-stepper: false; | |
| -GtkScrollbar-min-slider-length: 50; | |
| -GtkScrollbar-slider-width: 15; | |
| -GtkScrolledWindow-scrollbar-spacing: 0; | |
| -GtkScrolledWindow-scrollbars-within-bevel: 1; | |
| -GtkSeparatorMenuItem-horizontal-padding: 0; | |
| -GtkStatusbar-shadow-type: none; | |
| -GtkTextView-error-underline-color: @error_color; | |
| -GtkToolbar-internal-padding: 0; | |
| -GtkToolButton-icon-spacing: 6; | |
| -GtkToolItemGroup-expander-size: 11; | |
| -GtkTreeView-expander-size: 11; | |
| -GtkTreeView-vertical-separator: 0; | |
| -GtkWidget-focus-line-width: 1; | |
| -GtkWidget-focus-padding: 0; | |
| -GtkWidget-link-color: @link_color; | |
| -GtkWidget-separator-height: 1; | |
| -GtkWidget-separator-width: 1; | |
| -GtkWidget-visited-link-color: @link_color; | |
| -GtkWidget-wide-separators: true; | |
| -GtkWindow-resize-grip-height: 13; | |
| -GtkWindow-resize-grip-width: 13; | |
| -WnckTasklist-fade-overlay-rect: 0; | |
| outline-color: alpha(@fg_color, 0.3); | |
| outline-style: dashed; | |
| outline-offset: 2px; | |
| } | |
| /*************** | |
| * base states * | |
| ***************/ | |
| GtkWindow { | |
| color: @fg_color; | |
| } | |
| * { | |
| background-color: @bg_color; | |
| color: inherit; | |
| } | |
| *:insensitive { | |
| color: mix(@fg_color, @bg_color, 0.4); | |
| text-shadow: 1px 1px alpha(@light_shadow, 0.4); | |
| } | |
| *:active { | |
| background-color: shade(@bg_color, 0.85); | |
| } | |
| *:active:hover:insensitive { | |
| } | |
| *:active:insensitive { | |
| } | |
| *:hover { | |
| } | |
| *:hover:insensitive { | |
| } | |
| *:selected, | |
| *:selected:focus { | |
| background-color: alpha(@selected_bg_color, 0.9); | |
| color: @selected_fg_color; | |
| } | |
| .background { | |
| color: @fg_color; | |
| background-color: @bg_color; | |
| } | |
| /****************** | |
| * common effects * | |
| ******************/ | |
| /* transitions animations */ | |
| .button, | |
| .slider, | |
| .check, | |
| .radio { | |
| transition: background .15s ease-in-out; | |
| } | |
| /* inset shadow */ | |
| .button, | |
| .primary-toolbar .raised .button, | |
| .primary-toolbar .raised.button, | |
| GtkSwitch.slider { | |
| box-shadow: inset 1px 1px alpha(@light_shadow, 0.4), | |
| inset -1px 0 alpha(@light_shadow, 0.4); | |
| } | |
| .button:insensitive, | |
| GtkSwitch.slider:insensitive { | |
| box-shadow: inset 1px 1px alpha(@light_shadow, 0.2), | |
| inset -1px 0 alpha(@light_shadow, 0.2); | |
| } | |
| .button.default { | |
| box-shadow: inset 1px 1px alpha(@light_shadow, 0.2), | |
| inset -1px 0 alpha(@light_shadow, 0.2); | |
| } | |
| .button:active, | |
| .primary-toolbar .button:active { | |
| box-shadow: inset 1px 1px alpha(@dark_shadow, 0.06), | |
| inset -1px -1px alpha(@dark_shadow, 0.06); | |
| } | |
| .button:focus { | |
| box-shadow: inset 1px 0 alpha(@selected_bg_color, 0.4), | |
| inset 0 1px alpha(@selected_bg_color, 0.4), | |
| inset -1px 0 alpha(@selected_bg_color, 0.4), | |
| inset 0 -1px alpha(@selected_bg_color, 0.4); | |
| } | |
| .entry { | |
| box-shadow: inset 1px 1px alpha(@dark_shadow, 0.1); | |
| } | |
| .entry:focus { | |
| box-shadow: inset 1px 0 alpha(@selected_bg_color, 0.4), | |
| inset 0 1px alpha(@selected_bg_color, 0.4), | |
| inset -1px 0 alpha(@selected_bg_color, 0.4), | |
| inset 0 -1px alpha(@selected_bg_color, 0.4); | |
| } | |
| /* draw borders using box shadow */ | |
| .primary-toolbar .button .menu, | |
| .toolbar .menu, | |
| .toolbar .primary-toolbar .menu, | |
| .menu { | |
| box-shadow: inset 1px 0 shade(@menu_bg_color, 0.8), | |
| inset 0 1px shade(@menu_bg_color, 0.8), | |
| inset -1px 0 shade(@menu_bg_color, 0.8), | |
| inset 0 -1px shade(@menu_bg_color, 0.8); | |
| } | |
| GtkScale.slider { | |
| box-shadow: inset 1px 0 shade(@bg_color, 0.7), | |
| inset 0 1px shade(@bg_color, 0.7), | |
| inset -1px 0 shade(@bg_color, 0.6), | |
| inset 0 -1px shade(@bg_color, 0.6); | |
| } | |
| GtkScale.slider:hover { | |
| box-shadow: inset 1px 0 shade(@bg_color, 0.5), | |
| inset 0 1px shade(@bg_color, 0.5), | |
| inset -1px 0 shade(@bg_color, 0.5), | |
| inset 0 -1px shade(@bg_color, 0.5); | |
| } | |
| GtkScale.slider:insensitive { | |
| box-shadow: inset 1px 0 shade(@bg_color, 0.8), | |
| inset 0 1px shade(@bg_color, 0.8), | |
| inset -1px 0 shade(@bg_color, 0.8), | |
| inset 0 -1px shade(@bg_color, 0.8); | |
| } | |
| /* disable box shadow */ | |
| .primary-toolbar GtkComboBox, | |
| .primary-toolbar .button *, | |
| .primary-toolbar .button, | |
| column-header .button, | |
| GtkCalendar.button { | |
| box-shadow: none; | |
| } | |
| /************* | |
| * assistant * | |
| *************/ | |
| GtkAssistant .sidebar .highlight { | |
| font: bold; | |
| } | |
| GtkAssistant .sidebar { | |
| padding: 2px; | |
| border-width: 0 1px 0 0; | |
| border-style: solid; | |
| border-right-color: shade(@bg_color, 0.9); | |
| border-radius: 0; | |
| background-color: mix(shade(@base_color, 0.9), | |
| shade(@selected_bg_color, 1.35), 0.1); | |
| color: @text_color; | |
| } | |
| /************** | |
| * background * | |
| **************/ | |
| .background { | |
| border-width: 0; | |
| background-color: @bg_color; | |
| } | |
| /********** | |
| * button * | |
| **********/ | |
| .button { | |
| -GtkWidget-focus-padding: 1; | |
| -GtkWidget-focus-line-width: 0; | |
| padding: 2px; | |
| } | |
| .button { | |
| border-style: solid; | |
| border-top-color: shade(@bg_color, 0.8); | |
| border-right-color: shade(@bg_color, 0.72); | |
| border-left-color: shade(@bg_color, 0.72); | |
| border-bottom-color: shade(@bg_color, 0.7); | |
| border-radius: 3px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.02), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 1.02), | |
| 0.97))); | |
| color: @fg_color; | |
| } | |
| .button:hover { | |
| border-top-color: shade(@bg_color, 0.85); | |
| border-right-color: shade(@bg_color, 0.78); | |
| border-left-color: shade(@bg_color, 0.78); | |
| border-bottom-color: shade(@bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 1.15)), | |
| to (shade(@bg_color, 1.07))); | |
| } | |
| .button:active { | |
| border-color: shade(@bg_color, 0.6); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.85), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 0.85), | |
| 0.97))); | |
| } | |
| .button:active:hover { | |
| border-top-color: shade(@bg_color, 0.85); | |
| border-right-color: shade(@bg_color, 0.78); | |
| border-left-color: shade(@bg_color, 0.78); | |
| border-bottom-color: shade(@bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 1.15)), | |
| to (shade(@bg_color, 1.07))); | |
| } | |
| .button:focus { | |
| border-color: shade(@selected_bg_color, 0.8); | |
| } | |
| .button:insensitive { | |
| border-color: shade(@bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.95), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 0.95), | |
| 0.97))); | |
| } | |
| .button:active:insensitive { | |
| border-color: shade(@bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.95), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 0.95), | |
| 0.97))); | |
| } | |
| /* default button */ | |
| .button.default { | |
| border-color: shade(@selected_bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from | |
| (shade(alpha(@selected_bg_color, 0.7), 1.05)), | |
| to (shade(alpha(@selected_bg_color, | |
| 0.7), 0.97))); | |
| } | |
| .button.default:hover { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(mix(@base_color, | |
| @selected_bg_color, 0.7), 1.05)), | |
| to (shade(mix(@base_color, | |
| @selected_bg_color, 0.7), 0.97))); | |
| } | |
| .button.default:active { | |
| border-color: shade(@selected_bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from | |
| (shade(alpha(@selected_bg_color, 0.7), 1.05)), | |
| to (shade(alpha(@selected_bg_color, | |
| 0.7), 0.97))); | |
| } | |
| .button.default:active:hover { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(mix(@base_color, | |
| @selected_bg_color, 0.7), 1.05)), | |
| to (shade(mix(@base_color, | |
| @selected_bg_color, 0.7), 0.97))); | |
| } | |
| /* middle button */ | |
| .linked .entry, | |
| .linked .button, | |
| .linked .button:active, | |
| .linked .button:active:hover, | |
| .linked .button:focus, | |
| .linked .button:focus:active, | |
| .linked .button:insensitive { | |
| border-width: 1px; | |
| border-right-width: 0; | |
| border-radius: 0; | |
| } | |
| /* leftmost button */ | |
| .linked .entry:first-child, | |
| .linked .button:first-child, | |
| .linked .button:active:first-child, | |
| .linked .button:active:hover:first-child, | |
| .linked .button:focus:first-child, | |
| .linked .button:focus:active:first-child, | |
| .linked .button:insensitive:first-child { | |
| border-width: 1px; | |
| border-right-width: 0; | |
| border-radius: 3px; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| /* rightmost button */ | |
| .linked .entry:last-child, | |
| .linked .button:last-child, | |
| .linked .button:active:last-child, | |
| .linked .button:active:hover:last-child, | |
| .linked .button:focus:last-child, | |
| .linked .button:focus:active:last-child, | |
| .linked .button:insensitive:last-child { | |
| border-width: 1px; | |
| border-radius: 3px; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| /* linked single button */ | |
| .linked .entry:only-child, | |
| .linked .button:only-child, | |
| .linked .button:active:only-child, | |
| .linked .button:active:hover:only-child, | |
| .linked .button:focus:only-child, | |
| .linked .button:focus:active:only-child, | |
| .linked .button:insensitive:only-child { | |
| border-width: 1px; | |
| border-radius: 3px; | |
| } | |
| /* middle button (vertical) */ | |
| .linked.vertical .entry, | |
| .linked.vertical .button, | |
| .linked.vertical .button:active, | |
| .linked.vertical .button:active:hover, | |
| .linked.vertical .button:focus, | |
| .linked.vertical .button:focus:active, | |
| .linked.vertical .button:insensitive { | |
| border-width: 1px; | |
| border-bottom-width: 0; | |
| border-radius: 0; | |
| } | |
| /* leftmost button (vertical) */ | |
| .linked.vertical .entry:first-child, | |
| .linked.vertical .button:first-child, | |
| .linked.vertical .button:active:first-child, | |
| .linked.vertical .button:active:hover:first-child, | |
| .linked.vertical .button:focus:first-child, | |
| .linked.vertical .button:focus:active:first-child, | |
| .linked.vertical .button:insensitive:first-child { | |
| border-width: 1px; | |
| border-bottom-width: 0; | |
| border-radius: 3px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| /* rightmost button (vertical) */ | |
| .linked.vertical .entry:last-child, | |
| .linked.vertical .button:last-child, | |
| .linked.vertical .button:active:last-child, | |
| .linked.vertical .button:active:hover:last-child, | |
| .linked.vertical .button:focus:last-child, | |
| .linked.vertical .button:focus:active:last-child, | |
| .linked.vertical .button:insensitive:last-child { | |
| border-width: 1px; | |
| border-radius: 3px; | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| /* linked single button (vertical) */ | |
| .linked.vertical .entry:only-child, | |
| .linked.vertical .button:only-child, | |
| .linked.vertical .button:active:only-child, | |
| .linked.vertical .button:active:hover:only-child, | |
| .linked.vertical .button:focus:only-child, | |
| .linked.vertical .button:focus:active:only-child, | |
| .linked.vertical .button:insensitive:only-child { | |
| border-width: 1px; | |
| border-radius: 3px; | |
| } | |
| /**************** | |
| * cell and row * | |
| ****************/ | |
| .cell { | |
| border-width: 0; | |
| border-radius: 0; | |
| background-color: @base_color; | |
| color: @text_color; | |
| } | |
| .cell:selected, | |
| .cell:selected:focus { | |
| background-color: @selected_bg_color; | |
| color: @selected_fg_color; | |
| } | |
| row:selected, | |
| row:selected:focus { | |
| border-width: 1px 0; | |
| border-style: solid; | |
| border-color: shade(@selected_bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 1.2)), | |
| to (shade(@selected_bg_color, | |
| 1.0))); | |
| color: @selected_fg_color; | |
| } | |
| /******************* | |
| * check and radio * | |
| *******************/ | |
| .check, | |
| .radio, | |
| .check:insensitive, | |
| .radio:insensitive { | |
| border-style: none; | |
| background-color: transparent; | |
| } | |
| GtkCheckButton:hover, | |
| GtkCheckButton:active:hover, | |
| GtkCheckButton:selected, | |
| GtkCheckButton:selected:focus { | |
| background-color: shade(@bg_color, 1.05); | |
| } | |
| /***************** | |
| * column-header * | |
| *****************/ | |
| column-header .button, | |
| column-header .button:active { | |
| border-width: 0 1px 1px 0; | |
| border-radius: 0; | |
| } | |
| column-header .button { | |
| border-color: shade(@bg_color, 0.97); | |
| border-bottom-color: shade(@bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.14), | |
| 0.98)), | |
| to (shade(shade(@bg_color, 1.14), | |
| 1.35))); | |
| } | |
| column-header .button:hover { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.98), | |
| 0.98)), | |
| to (shade(shade(@bg_color, 0.98), | |
| 1.35))); | |
| } | |
| column-header:last-child .button { | |
| border-width: 0 0 1px 0; | |
| } | |
| /**************** | |
| * drawing area * | |
| ****************/ | |
| GtkDrawingArea { | |
| background-color: transparent; | |
| } | |
| /************ | |
| * gucharmap * | |
| *************/ | |
| GucharmapChartable { | |
| background-color: shade(@base_color, 0.98); | |
| } | |
| GucharmapChartable:active, | |
| GucharmapChartable:focus, | |
| GucharmapChartable:selected { | |
| background-color: @selected_bg_color; | |
| color: @selected_fg_color; | |
| } | |
| /*********** | |
| * gtkhtml * | |
| ***********/ | |
| GtkHTML { | |
| background-color: @base_color; | |
| color: @text_color; | |
| } | |
| /*********** | |
| * calendar * | |
| ************/ | |
| GtkCalendar { | |
| padding: 0; | |
| } | |
| GtkCalendar:inconsistent { | |
| color: alpha(@fg_color, 0.6); | |
| } | |
| GtkCalendar.view { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.8); | |
| border-radius: 0; | |
| background-color: @base_color; | |
| background-image: none; | |
| } | |
| GtkCalendar.header { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.8); | |
| border-radius: 0; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.02), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 1.02), | |
| 0.97))); | |
| } | |
| GtkCalendar.button, | |
| GtkCalendar.button:insensitive { | |
| border-width: 0; | |
| background-color: transparent; | |
| background-image: none; | |
| } | |
| .highlight, | |
| GtkCalendar.highlight { | |
| border-width: 0; | |
| background-color: transparent; | |
| color: shade(@fg_color, 0.6); | |
| } | |
| /****************** | |
| * combobox entry * | |
| ******************/ | |
| .primary-toolbar GtkComboBox.combobox-entry .entry, | |
| .primary-toolbar GtkComboBox.combobox-entry .entry:active, | |
| .primary-toolbar GtkComboBox.combobox-entry .entry:focus, | |
| .primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, | |
| GtkComboBox.combobox-entry .entry, | |
| GtkComboBox.combobox-entry .entry:active, | |
| GtkComboBox.combobox-entry .entry:focus, | |
| GtkComboBox.combobox-entry .entry:insensitive { | |
| border-width: 1px 0 1px 1px; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .primary-toolbar GtkComboBox.combobox-entry .button, | |
| .primary-toolbar GtkComboBox.combobox-entry .button:hover, | |
| .primary-toolbar GtkComboBox.combobox-entry .button:active, | |
| .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, | |
| GtkComboBox.combobox-entry .button, | |
| GtkComboBox.combobox-entry .button:hover, | |
| GtkComboBox.combobox-entry .button:active, | |
| GtkComboBox.combobox-entry .button:insensitive { | |
| border-width: 1px 1px 1px 1px; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| /********* | |
| * entry * | |
| *********/ | |
| .entry { | |
| padding: 3px; | |
| border-style: solid; | |
| border-top-color: shade(@bg_color, 0.6); | |
| border-right-color: shade(@bg_color, 0.7); | |
| border-left-color: shade(@bg_color, 0.7); | |
| border-bottom-color: shade(@bg_color, 0.72); | |
| border-radius: 3px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@base_color, 0.99)), | |
| to (@base_color)); | |
| color: @text_color; | |
| } | |
| .entry:focus { | |
| border-color: shade(@selected_bg_color, 0.8); | |
| } | |
| .entry:selected, | |
| .entry:selected:focus { | |
| background-color: @selected_bg_color; | |
| color: @selected_fg_color; | |
| } | |
| .entry:insensitive { | |
| border-color: shade(@bg_color, 0.8); | |
| background-color: alpha(@base_color, 0.6); | |
| background-image: none; | |
| color: mix(@text_color, @base_color, 0.4); | |
| } | |
| .entry.progressbar { | |
| border-width: 0; | |
| border-radius: 3px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 1.15)), | |
| to (shade(@selected_bg_color, | |
| 0.95))); | |
| color: @selected_fg_color; | |
| } | |
| /************ | |
| * expander * | |
| ************/ | |
| .expander { | |
| color: alpha(@fg_color, 0.7); | |
| } | |
| .expander:hover { | |
| color: alpha(@fg_color, 0.8); | |
| } | |
| /********* | |
| * frame * | |
| *********/ | |
| .frame { | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.7); | |
| border-radius: 0; | |
| } | |
| /************ | |
| * iconview * | |
| ************/ | |
| GtkIconView { | |
| background-color: transparent; | |
| } | |
| GtkIconView.view.cell:selected, | |
| GtkIconView.view.cell:selected:focus { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@selected_bg_color, 0.8); | |
| border-radius: 3px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 1.2)), | |
| to (shade(@selected_bg_color, | |
| 1.0))); | |
| color: @selected_fg_color; | |
| } | |
| .view.rubberband, | |
| .rubberband { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@selected_bg_color, 0.9); | |
| border-radius: 0; | |
| background-color: alpha(@selected_bg_color, 0.3); | |
| } | |
| /********* | |
| * image * | |
| *********/ | |
| GtkImage, | |
| GtkImage:active, | |
| GtkImage:insensitive { | |
| background-color: transparent; | |
| } | |
| /********* | |
| * label * | |
| *********/ | |
| GtkLabel, | |
| GtkLabel:active, | |
| GtkLabel:insensitive { | |
| background-color: transparent; | |
| } | |
| /*********** | |
| * infobar * | |
| ***********/ | |
| GtkInfoBar { | |
| border-width: 0; | |
| border-style: none; | |
| } | |
| .info { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@info_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@info_bg_color, 1.1)), | |
| to (shade(@info_bg_color, 1.0))); | |
| color: @info_fg_color; | |
| } | |
| .warning { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@warning_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@warning_bg_color, | |
| 1.1)), | |
| to (shade(@warning_bg_color, | |
| 1.0))); | |
| color: @warning_fg_color; | |
| } | |
| .question { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@question_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@question_bg_color, | |
| 1.1)), | |
| to (shade(@question_bg_color, | |
| 1.0))); | |
| color: @question_fg_color; | |
| } | |
| .error { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@error_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@error_bg_color, 1.1)), | |
| to (shade(@error_bg_color, 1.0))); | |
| color: @error_fg_color; | |
| } | |
| /************ | |
| * gtkstyle * | |
| ************/ | |
| .gtkstyle-fallback { | |
| background-color: @bg_color; | |
| color: @fg_color; | |
| } | |
| .gtkstyle-fallback:prelight { | |
| background-color: shade(@bg_color, 1.1); | |
| color: @fg_color; | |
| } | |
| .gtkstyle-fallback:active { | |
| background-color: shade(@bg_color, 0.9); | |
| color: @fg_color; | |
| } | |
| .gtkstyle-fallback:insensitive { | |
| background-color: shade(shade(@bg_color, 0.95), 1.05); | |
| color: mix(@fg_color, @bg_color, 0.4); | |
| } | |
| .gtkstyle-fallback:selected { | |
| background-color: @selected_bg_color; | |
| color: @selected_fg_color; | |
| } | |
| /******************* | |
| * symbolic images * | |
| *******************/ | |
| .image, | |
| .view.image { | |
| color: alpha(@fg_color, 0.5); | |
| } | |
| .image:hover, | |
| .view.image:hover { | |
| color: @fg_color; | |
| } | |
| .image:selected, | |
| .image:selected:hover, | |
| .view.image:selected, | |
| .view.image:selected:hover { | |
| color: @selected_fg_color; | |
| } | |
| /***************** | |
| * miscellaneous * | |
| *****************/ | |
| .floating-bar { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.7); | |
| border-radius: 3px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 1.2)), | |
| to (shade(@bg_color, 0.9))); | |
| } | |
| .floating-bar.top { | |
| border-top-width: 0; | |
| border-top-right-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .floating-bar.right { | |
| border-right-width: 0; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .floating-bar.bottom { | |
| border-bottom-width: 0; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .floating-bar.left { | |
| border-left-width: 0; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .floating-bar .button { | |
| -GtkButton-image-spacing: 0; | |
| -GtkButton-inner-border: 0; | |
| border-style: none; | |
| background-color: transparent; | |
| background-image: none; | |
| } | |
| .view.dim-label, | |
| .dim-label, | |
| .dim-label:hover, | |
| .dim-label:focus { | |
| color: mix(@fg_color, @bg_color, 0.5); | |
| } | |
| .dim-label:selected, | |
| .dim-label:selected:focus { | |
| color: mix(@selected_fg_color, @bg_color, 0.5); | |
| } | |
| .dnd { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@selected_bg_color, 0.9); | |
| } | |
| .grip { | |
| background-color: transparent; | |
| } | |
| /******** | |
| * menu * | |
| ********/ | |
| GtkTreeMenu.menu, | |
| GtkMenuToolButton.menu, | |
| GtkComboBox .menu { | |
| background-color: shade(@menu_bg_color, 1.18); | |
| } | |
| .primary-toolbar .button .menu, | |
| .toolbar .menu, | |
| .toolbar .primary-toolbar .menu, | |
| .menu { | |
| padding: 0; | |
| border-width: 0; | |
| border-radius: 0; | |
| background-color: shade(@menu_bg_color, 1.18); | |
| color: @menu_fg_color; | |
| } | |
| .menu.button:hover, | |
| .menu.button:active, | |
| .menu.button:active:insensitive, | |
| .menu.button:insensitive, | |
| .menu.button { | |
| border-width: 0; | |
| background-color: shade(@menu_bg_color, 1.18); | |
| background-image: none; | |
| } | |
| /*********** | |
| * menubar * | |
| ***********/ | |
| .menubar { | |
| -GtkWidget-window-dragging: true; | |
| border-width: 0; | |
| background-color: @menubar_bg_color; | |
| background-image: none; | |
| color: @menubar_fg_color; | |
| } | |
| /*************** | |
| * menubaritem * | |
| ***************/ | |
| .menubar.menuitem, | |
| .menubar .menuitem { | |
| padding: 3px; | |
| border-width: 0; | |
| } | |
| .menubar.menuitem:hover, | |
| .menubar .menuitem:hover { | |
| border-color: shade(@selected_bg_color, 1.1); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 1.2)), | |
| to (shade(@selected_bg_color, | |
| 1.0))); | |
| } | |
| .menubar .menuitem *:hover { | |
| color: @selected_fg_color; | |
| } | |
| /************ | |
| * menuitem * | |
| ************/ | |
| GtkTreeMenu .menuitem { | |
| padding: 0; | |
| border-width: 0; | |
| } | |
| GtkTreeMenu .menuitem * { | |
| color: @menu_fg_color; | |
| } | |
| .menuitem, | |
| .menu .menuitem { | |
| padding: 3px 2px; | |
| border-width: 1px; | |
| border-style: solid; | |
| border-radius: 0; | |
| } | |
| .menu .menuitem:active, | |
| .menu .menuitem:hover { | |
| border-color: shade(@selected_bg_color, 0.8); | |
| border-radius: 0; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 1.2)), | |
| to (shade(@selected_bg_color, | |
| 1.0))); | |
| } | |
| .menu .menuitem:active, | |
| .menu .menuitem *:active, | |
| .menu .menuitem:hover, | |
| .menu .menuitem *:hover { | |
| color: @selected_fg_color; | |
| } | |
| .menu .menuitem:insensitive, | |
| .menu .menuitem *:insensitive { | |
| color: mix(@menu_fg_color, @menu_bg_color, 0.4); | |
| } | |
| .menuitem.check, | |
| .menuitem.radio, | |
| .menuitem.check:hover, | |
| .menuitem.radio:hover, | |
| .menuitem.check:insensitive, | |
| .menuitem.radio:insensitive { | |
| border-style: none; | |
| background-color: transparent; | |
| background-image: none; | |
| } | |
| .menuitem.check:active, | |
| .menuitem.radio:active { | |
| border-style: none; | |
| background-color: transparent; | |
| } | |
| .menuitem GtkCalendar.button { | |
| border-style: none; | |
| background-color: transparent; | |
| background-image: none; | |
| } | |
| .menuitem .entry { | |
| border-color: shade(@menu_bg_color, 0.7); | |
| background-color: @menu_bg_color; | |
| background-image: none; | |
| color: @menu_fg_color; | |
| } | |
| .menuitem .accelerator { | |
| color: alpha(@menu_fg_color, 0.6); | |
| } | |
| .menuitem .accelerator:hover { | |
| color: alpha(@selected_fg_color, 0.8); | |
| } | |
| .menuitem .accelerator:insensitive { | |
| color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6); | |
| } | |
| /************ | |
| * notebook * | |
| ************/ | |
| .notebook { | |
| padding: 0; | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.8); | |
| border-radius: 3px; | |
| background-color: shade(@bg_color, 1.05); | |
| background-image: none; | |
| } | |
| .notebook tab { | |
| padding: 3px; | |
| border-color: shade(@bg_color, 0.9); | |
| border-radius: 3px; | |
| background-color: @bg_color; | |
| background-image: none; | |
| } | |
| .notebook tab:active { | |
| border-color: shade(@bg_color, 0.8); | |
| background-color: shade(@bg_color, 1.05); | |
| } | |
| .notebook tab GtkLabel { | |
| color: @fg_color; | |
| } | |
| .notebook tab.top { | |
| border-width: 1px 1px 0 1px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .notebook tab.top:active { | |
| padding: 4px 3px; | |
| } | |
| .notebook tab.right { | |
| border-width: 1px 1px 1px 0; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .notebook tab.right:active { | |
| padding: 3px 4px; | |
| } | |
| .notebook tab.bottom { | |
| border-width: 0 1px 1px 1px; | |
| border-top-right-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .notebook tab.bottom:active { | |
| padding: 4px 3px; | |
| } | |
| .notebook tab.left { | |
| border-width: 1px 0 1px 1px; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .notebook tab.left:active { | |
| padding: 3px 4px; | |
| } | |
| /****************** | |
| * pane separator * | |
| ******************/ | |
| .pane-separator { | |
| background-color: @bg_color; | |
| color: transparent; | |
| } | |
| /************************* | |
| * progressbar and scale * | |
| *************************/ | |
| GtkScale, | |
| GtkProgressBar { | |
| padding: 0; | |
| border-width: 1px; | |
| border-radius: 4px; | |
| } | |
| .progressbar, | |
| .progressbar row, | |
| .progressbar row:hover, | |
| .progressbar row:selected, | |
| .progressbar row:selected:focus { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@selected_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 1.15)), | |
| to (shade(@selected_bg_color, | |
| 0.95))); | |
| } | |
| .progressbar.vertical { | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(@selected_bg_color, | |
| 1.15)), | |
| to (shade(@selected_bg_color, | |
| 0.95))); | |
| } | |
| .trough, | |
| .trough row, | |
| .trough row:hover, | |
| .trough row:selected, | |
| .trough row:selected:focus { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 0.95)), | |
| to (shade(@bg_color, 1.15))); | |
| } | |
| .trough.vertical { | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(@bg_color, 0.95)), | |
| to (shade(@bg_color, 1.15))); | |
| } | |
| /* level bars as used for password quality or remaining power */ | |
| GtkLevelBar { | |
| -GtkLevelBar-min-block-width: 34; | |
| -GtkLevelBar-min-block-height: 3; | |
| } | |
| GtkLevelBar.vertical { | |
| -GtkLevelBar-min-block-width: 3; | |
| -GtkLevelBar-min-block-height: 34; | |
| } | |
| .level-bar.trough { | |
| padding: 2px; | |
| border-radius: 2px; | |
| } | |
| .level-bar.fill-block { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@selected_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 1.15)), | |
| to (shade(@selected_bg_color, | |
| 0.95))); | |
| } | |
| .level-bar.indicator-continuous.fill-block { | |
| padding: 2px; | |
| border-radius: 3px; | |
| } | |
| .level-bar.indicator-discrete.fill-block.horizontal { | |
| margin: 0 1px; | |
| } | |
| .level-bar.indicator-discrete.fill-block.vertical { | |
| margin: 1px 0; | |
| } | |
| /* discrete indicator border rounding, | |
| uncomment when :nth-child will be working | |
| on the widget | |
| .level-bar.indicator-discrete.fill-block.horizontal:first-child { | |
| border-radius: 3px 0 0 3px; | |
| } | |
| .level-bar.indicator-discrete.fill-block.horizontal:last-child { | |
| border-radius: 0 3px 3px 0; | |
| } | |
| .level-bar.indicator-discrete.fill-block.vertical:first-child { | |
| border-radius: 3px 3px 0 0; | |
| } | |
| .level-bar.indicator-discrete.fill-block.vertical:last-child { | |
| border-radius: 0 0 3px 3px; | |
| } | |
| */ | |
| .level-bar.fill-block.level-high { | |
| border-color: shade(@success_color, 0.85); | |
| background-image: linear-gradient(to bottom, | |
| shade(@success_color, 1.2), | |
| @success_color 75%, | |
| shade(@success_color, 0.95) | |
| ); | |
| } | |
| .level-bar.fill-block.level-low { | |
| border-color: shade(@warning_bg_color, 0.80); | |
| background-image: linear-gradient(to bottom, | |
| shade(@warning_bg_color, 1.3), | |
| @warning_bg_color 75%, | |
| shade(@warning_bg_color, 0.90) | |
| ); | |
| } | |
| .level-bar.fill-block.empty-fill-block { | |
| border-color: alpha(@fg_color, 0.1); | |
| background-color: transparent; | |
| background-image: none; | |
| } | |
| GtkScale { | |
| -GtkRange-slider-width: 13; | |
| -GtkRange-trough-border: 1; | |
| -GtkScale-slider-length: 13; | |
| } | |
| GtkScale.vertical { | |
| -GtkScale-slider-length: 13; | |
| } | |
| GtkScale.slider { | |
| /* we will draw the border using box shadow for now */ | |
| border-radius: 7px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.30), | |
| 1.2)), | |
| to (shade(shade(@bg_color, 1.30), | |
| 0.97))); | |
| } | |
| GtkScale.slider:hover { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(mix(@bg_color, | |
| shade(@selected_bg_color, 0.9), 0.4), 1.2)), | |
| to (shade(mix(@bg_color, | |
| shade(@selected_bg_color, 0.9), 0.4),0.97))); | |
| } | |
| GtkScale.slider:insensitive { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 0.99)), | |
| to (shade(@bg_color, 0.95))); | |
| } | |
| GtkScale.slider.vertical { | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(shade(@bg_color, 1.30), | |
| 1.2)), | |
| to (shade(shade(@bg_color, 1.30), | |
| 0.97))); | |
| } | |
| GtkScale.slider.vertical:hover { | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(mix(@bg_color, | |
| shade(@selected_bg_color, 0.9), 0.4), 1.2)), | |
| to (shade(mix(@bg_color, | |
| shade(@selected_bg_color, 0.9), 0.4),0.97))); | |
| } | |
| GtkScale.slider.vertical:insensitive { | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(@bg_color, 0.99)), | |
| to (shade(@bg_color, 0.95))); | |
| } | |
| GtkScale.mark { | |
| border-color: shade(@bg_color, 0.7); | |
| } | |
| GtkScale.trough { | |
| margin: 5px 0; | |
| border-color: shade(@bg_color, 0.7); | |
| border-radius: 5px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.8), | |
| 0.9)), | |
| to (shade(shade(@bg_color, 0.8), | |
| 1.1))); | |
| } | |
| GtkScale.trough.vertical { | |
| margin: 0 5px; | |
| border-color: shade(@bg_color, 0.7); | |
| border-radius: 5px; | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(shade(@bg_color, 0.8), | |
| 0.9)), | |
| to (shade(shade(@bg_color, 0.8), | |
| 1.1))); | |
| } | |
| .menubar .menuitem .scale.highlight.left, | |
| .scale.highlight.left { | |
| border-color: shade(@selected_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from | |
| (shade(shade(@selected_bg_color, 0.9), 1.1)), | |
| to (shade(shade(@selected_bg_color, | |
| 0.9), 0.9))); | |
| } | |
| .scale.highlight.bottom { | |
| border-color: shade(@selected_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from | |
| (shade(shade(@selected_bg_color, 0.9), 1.1)), | |
| to (shade(shade(@selected_bg_color, | |
| 0.9), 0.9))); | |
| } | |
| GtkScale.trough:insensitive, | |
| .scale.highlight.left:insensitive { | |
| border-color: shade(@bg_color, 0.9); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 0.99)), | |
| to (shade(@bg_color, 0.95))); | |
| } | |
| GtkScale.trough.vertical:insensitive, | |
| .scale.highlight.bottom:insensitive { | |
| border-color: shade(@bg_color, 0.9); | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(@bg_color, 0.99)), | |
| to (shade(@bg_color, 0.95))); | |
| } | |
| /************* | |
| * scrollbar * | |
| *************/ | |
| .scrollbar { | |
| border-style: solid; | |
| padding: 0; | |
| } | |
| .scrollbars-junction, | |
| .scrollbar.trough, | |
| .scrollbar.trough.vertical { | |
| border-width: 0; | |
| border-radius: 0; | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(@bg_color, 1.1)), | |
| to (shade(@bg_color, 1.3))); | |
| } | |
| .scrollbar.trough.horizontal { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 1.1)), | |
| to (shade(@bg_color, 1.3))); | |
| } | |
| .scrollbar.slider, | |
| .scrollbar.button, | |
| .scrollbar.slider.vertical, | |
| .scrollbar.button.vertical { | |
| border-width: 1px; | |
| border-color: shade(@bg_color, 0.7); | |
| border-radius: 10px; | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(shade(@bg_color, 0.9), | |
| 1.2)), | |
| to (shade(shade(@bg_color, 0.9), | |
| 1.15))); | |
| color: shade(@bg_color, 0.6); | |
| } | |
| .scrollbar.slider.horizontal, | |
| .scrollbar.button.horizontal { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.9), | |
| 1.2)), | |
| to (shade(shade(@bg_color, 0.9), | |
| 1.15))); | |
| } | |
| .scrollbar.slider:hover, | |
| .scrollbar.slider.vertical:hover { | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(shade(@bg_color, 0.8), | |
| 1.2)), | |
| to (shade(shade(@bg_color, 0.8), | |
| 1.15))); | |
| } | |
| .scrollbar.slider.horizontal:hover { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.8), | |
| 1.2)), | |
| to (shade(shade(@bg_color, 0.8), | |
| 1.15))); | |
| } | |
| .scrollbar.button:insensitive, | |
| .scrollbar.button.vertical:insensitive { | |
| background-image: -gtk-gradient(linear, left top, right top, | |
| from (shade(shade(@bg_color, 0.95), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 0.95), | |
| 0.97))); | |
| } | |
| .scrollbar.button.horizontal:insensitive { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.95), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 0.95), | |
| 0.97))); | |
| } | |
| /* overlay scrollbar */ | |
| OsThumb { | |
| color: shade(@bg_color, 0.6); | |
| } | |
| OsThumb:selected, | |
| OsScrollbar:selected { | |
| background-color: @selected_bg_color; | |
| } | |
| OsThumb:active, | |
| OsScrollbar:active { | |
| background-color: shade(@bg_color, 0.8); | |
| } | |
| OsThumb:insensitive, | |
| OsScrollbar:insensitive { | |
| background-color: shade(@bg_color, 0.97); | |
| } | |
| /******************* | |
| * scrolled window * | |
| *******************/ | |
| GtkScrolledWindow.frame { | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.8); | |
| border-radius: 0; | |
| } | |
| /* avoid double borders when a viewport is | |
| * packed into a GtkScrolledWindow */ | |
| GtkScrolledWindow GtkViewport.frame { | |
| border-style: none; | |
| } | |
| /************* | |
| * separator * | |
| *************/ | |
| .sidebar.view.separator, | |
| .view.separator, | |
| .separator { | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.8); | |
| color: shade(@bg_color, 0.8); | |
| } | |
| .button .separator, | |
| .button.separator { | |
| border-color: transparent; | |
| } | |
| .button .separator:insensitive, | |
| .button.separator:insensitive { | |
| border-color: transparent; | |
| } | |
| .menuitem.separator { | |
| -GtkMenuItem-horizontal-padding: 0; | |
| -GtkWidget-separator-height: 1; | |
| border-color: @menu_bg_color; | |
| color: @menu_bg_color; | |
| } | |
| GtkComboBox .separator { | |
| /* always disable separators */ | |
| -GtkWidget-wide-separators: true; | |
| -GtkWidget-horizontal-separator: 0; | |
| -GtkWidget-vertical-separator: 0; | |
| } | |
| /*********** | |
| * sidebar * | |
| ***********/ | |
| .sidebar, | |
| .sidebar.view, | |
| .sidebar .view { | |
| background-color: mix(shade(@base_color, 0.9), | |
| shade(@selected_bg_color, 1.35), 0.1); | |
| color: mix(@text_color, @base_color, 0.3); | |
| } | |
| .sidebar .frame { | |
| border-width: 0; | |
| } | |
| /************** | |
| * spinbutton * | |
| **************/ | |
| .spinbutton.button { | |
| border-top-color: shade(@bg_color, 0.8); | |
| border-right-color: shade(@bg_color, 0.72); | |
| border-left-color: shade(@bg_color, 0.72); | |
| border-bottom-color: shade(@bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.02), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 1.02), | |
| 0.97))); | |
| } | |
| .spinbutton.button:insensitive { | |
| border-color: shade(@bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.95), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 0.95), | |
| 0.97))); | |
| color: mix(@fg_color, @bg_color, 0.4); | |
| } | |
| .spinbutton.button { | |
| border-width: 0; | |
| border-left-width: 1px; | |
| border-radius: 0; | |
| } | |
| .spinbutton.button:first-child { | |
| border-radius: 3px; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .spinbutton.button:last-child { | |
| border-radius: 3px; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .spinbutton.vertical .button:first-child { | |
| border-width: 1px; | |
| border-bottom-width: 0; | |
| border-radius: 3px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .spinbutton.vertical .button:last-child { | |
| border-width: 1px; | |
| border-top-width: 0; | |
| border-radius: 3px; | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| .spinbutton.vertical.entry { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-radius: 0; | |
| } | |
| /*********** | |
| * spinner * | |
| ***********/ | |
| @keyframes spinner { | |
| 0.00% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } | |
| 12.5% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)); } | |
| 25.0% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); } | |
| 37.5% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); } | |
| 50.0% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); } | |
| 62.5% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); } | |
| 75.0% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); } | |
| 87.5% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); } | |
| 100% { background-image: -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, | |
| center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } | |
| } | |
| .spinner { | |
| background-color: transparent; | |
| background-image: -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)), | |
| -gtk-gradient(radial, center center, 0, center | |
| center, 0.5, to(currentColor), to(transparent)); | |
| background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, | |
| 100% 50%, 86% 14%, 50% 0%; | |
| background-size: 15% 15%; | |
| background-repeat: no-repeat; | |
| } | |
| .menu.spinner, | |
| .primary-toolbar .spinner, | |
| .primary-toolbar .spinner { | |
| color: @selected_bg_color; | |
| } | |
| .spinner:active { | |
| animation: spinner 1s infinite linear; | |
| } | |
| /******* | |
| * osd * | |
| *******/ | |
| GtkWindow.osd { | |
| background-color: @osd_bg; | |
| color: @osd_fg; | |
| } | |
| GtkOverlay.osd { | |
| background-color: transparent; | |
| } | |
| /* used by gnome-settings-daemon's media-keys OSD */ | |
| .osd.trough { | |
| background-color: shade(@osd_bg, 0.8); | |
| } | |
| .osd.progressbar { | |
| background-color: @osd_fg; | |
| } | |
| /************* | |
| * statusbar * | |
| *************/ | |
| GtkStatusbar { | |
| padding: 3px; | |
| color: @fg_color; | |
| } | |
| /********** | |
| * switch * | |
| **********/ | |
| GtkSwitch { | |
| padding: 0; | |
| border-radius: 3px; | |
| font: bold condensed; | |
| } | |
| GtkSwitch.slider { | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.8); | |
| border-radius: 3px; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.02), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 1.02), | |
| 0.97))); | |
| } | |
| GtkSwitch.trough { | |
| border-color: shade(@bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 0.95)), | |
| to (shade(@bg_color, 1.15))); | |
| color: @fg_color; | |
| } | |
| GtkSwitch.trough:active { | |
| border-color: shade(@selected_bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@selected_bg_color, | |
| 0.95)), | |
| to (shade(@selected_bg_color, | |
| 1.15))); | |
| color: @selected_fg_color; | |
| } | |
| GtkSwitch.trough:insensitive { | |
| border-color: shade(@bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.95), | |
| 0.95)), | |
| to (shade(shade(@bg_color, 0.95), | |
| 1.15))); | |
| color: mix(@fg_color, @bg_color, 0.4); | |
| } | |
| /************ | |
| * textview * | |
| ************/ | |
| GtkTextView { | |
| background-color: @base_color; | |
| color: @text_color; | |
| } | |
| /*********** | |
| * toolbar * | |
| ***********/ | |
| .toolbar { | |
| padding: 2px; | |
| border-style: none; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@toolbar_bg_color, | |
| 1.0)), | |
| to (shade(@toolbar_bg_color, | |
| 0.88))); | |
| } | |
| /* primary-toolbar */ | |
| .primary-toolbar, | |
| .primary-toolbar .toolbar, | |
| .primary-toolbar.toolbar { | |
| -GtkWidget-window-dragging: true; | |
| padding: 2px; | |
| border-width: 0 0 1px 0; | |
| border-style: solid; | |
| border-color: shade(@toolbar_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@toolbar_bg_color, | |
| 1.0)), | |
| to (shade(@toolbar_bg_color, | |
| 0.88))); | |
| color: @toolbar_fg_color; | |
| } | |
| .primary-toolbar GtkComboBox, | |
| .primary-toolbar .button *, | |
| .primary-toolbar .button { | |
| padding: 2px; | |
| border-width: 1px; | |
| border-color: transparent; | |
| border-radius: 3px; | |
| background-color: transparent; | |
| background-image: none; | |
| color: @toolbar_fg_color; | |
| } | |
| .primary-toolbar .raised .button, | |
| .primary-toolbar .raised.button, | |
| .toolbar .button { | |
| border-top-color: shade(@toolbar_bg_color, 0.8); | |
| border-right-color: shade(@toolbar_bg_color, 0.72); | |
| border-left-color: shade(@toolbar_bg_color, 0.72); | |
| border-bottom-color: shade(@toolbar_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from | |
| (shade(shade(@toolbar_bg_color, 1.02), 1.05)), | |
| to (shade(shade(@toolbar_bg_color, | |
| 1.02), 0.97))); | |
| color: @toolbar_fg_color; | |
| } | |
| .primary-toolbar .button:hover, | |
| .toolbar .button:hover { | |
| border-top-color: shade(@toolbar_bg_color, 0.85); | |
| border-right-color: shade(@toolbar_bg_color, 0.78); | |
| border-left-color: shade(@toolbar_bg_color, 0.78); | |
| border-bottom-color: shade(@toolbar_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@toolbar_bg_color, | |
| 1.15)), | |
| to (shade(@toolbar_bg_color, | |
| 1.07))); | |
| } | |
| .primary-toolbar .button:active, | |
| .toolbar .button:active { | |
| border-color: shade(@toolbar_bg_color, 0.6); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from | |
| (shade(shade(@toolbar_bg_color, 0.85), 1.05)), | |
| to (shade(shade(@toolbar_bg_color, | |
| 0.85), 0.97))); | |
| } | |
| .primary-toolbar .button:active:hover, | |
| .toolbar .button:active:hover { | |
| border-top-color: shade(@toolbar_bg_color, 0.85); | |
| border-right-color: shade(@toolbar_bg_color, 0.78); | |
| border-left-color: shade(@toolbar_bg_color, 0.78); | |
| border-bottom-color: shade(@toolbar_bg_color, 0.7); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@toolbar_bg_color, | |
| 1.15)), | |
| to (shade(@toolbar_bg_color, | |
| 1.07))); | |
| } | |
| .primary-toolbar .button:insensitive, | |
| .toolbar .button:insensitive { | |
| border-color: shade(@toolbar_bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from | |
| (shade(shade(@toolbar_bg_color, 0.95), 1.05)), | |
| to (shade(shade(@toolbar_bg_color, | |
| 0.95), 0.97))); | |
| } | |
| .primary-toolbar .button:active:insensitive, | |
| .toolbar .button:active:insensitive { | |
| border-color: shade(@toolbar_bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from | |
| (shade(shade(@toolbar_bg_color, 0.95), 1.05)), | |
| to (shade(shade(@toolbar_bg_color, | |
| 0.95), 0.97))); | |
| } | |
| .primary-toolbar .entry { | |
| border-top-color: shade(@toolbar_bg_color, 0.6); | |
| border-right-color: shade(@toolbar_bg_color, 0.7); | |
| border-left-color: shade(@toolbar_bg_color, 0.7); | |
| border-bottom-color: shade(@toolbar_bg_color, 0.72); | |
| } | |
| .primary-toolbar GtkSeparatorToolItem, | |
| .primary-toolbar .separator, | |
| .primary-toolbar .separator:insensitive { | |
| border-color: transparent; | |
| } | |
| /* inline-toolbar */ | |
| .inline-toolbar.toolbar { | |
| -GtkToolbar-button-relief: normal; | |
| padding: 2px; | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@bg_color, 0.8); | |
| border-radius: 0; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(@bg_color, 0.93)), | |
| to (@bg_color)); | |
| } | |
| .inline-toolbar.toolbar:last-child { | |
| border-width: 0 1px 1px 1px; | |
| border-bottom-color: shade(@bg_color, 0.76); | |
| border-color: shade(@bg_color, 0.7); | |
| border-radius: 0; | |
| } | |
| .inline-toolbar.toolbar .button { | |
| padding: 1px; | |
| border-width: 1px 0 1px 1px; | |
| border-style: solid; | |
| border-radius: 0; | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.02), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 1.02), | |
| 0.97))); | |
| } | |
| .inline-toolbar.toolbar .button *:insensitive, | |
| .inline-toolbar.toolbar GtkToolButton .button:insensitive { | |
| border-color: shade(@bg_color, 0.8); | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.95), | |
| 1.05)), | |
| to (shade(shade(@bg_color, 0.95), | |
| 0.97))); | |
| } | |
| /* middle button */ | |
| .primary-toolbar .button.raised.linked, | |
| .primary-toolbar .button.raised.linked:active, | |
| .primary-toolbar .button.raised.linked:focus, | |
| .primary-toolbar .button.raised.linked:focus:active, | |
| .primary-toolbar .button.raised.linked:insensitive, | |
| .primary-toolbar .raised.linked .button, | |
| .primary-toolbar .raised.linked .button:active, | |
| .primary-toolbar .raised.linked .button:focus, | |
| .primary-toolbar .raised.linked .button:focus:active, | |
| .primary-toolbar .raised.linked .button:insensitive, | |
| .inline-toolbar.toolbar .button, | |
| .inline-toolbar.toolbar .button:active, | |
| .inline-toolbar.toolbar .button:focus, | |
| .inline-toolbar.toolbar .button:focus:active, | |
| .inline-toolbar.toolbar .button:insensitive, | |
| .inline-toolbar.toolbar GtkToolButton .button, | |
| .inline-toolbar.toolbar GtkToolButton .button:active, | |
| .inline-toolbar.toolbar GtkToolButton .button:focus, | |
| .inline-toolbar.toolbar GtkToolButton .button:focus:active, | |
| .inline-toolbar.toolbar GtkToolButton .button:insensitive { | |
| border-width: 1px; | |
| border-right-width: 0; | |
| border-radius: 0; | |
| } | |
| /* leftmost button */ | |
| .primary-toolbar .button.raised.linked:first-child, | |
| .primary-toolbar .button.raised.linked:active:first-child, | |
| .primary-toolbar .button.raised.linked:focus:first-child, | |
| .primary-toolbar .button.raised.linked:focus:active:first-child, | |
| .primary-toolbar .button.raised.linked:insensitive:first-child, | |
| .primary-toolbar .raised.linked .button:first-child, | |
| .primary-toolbar .raised.linked .button:active:first-child, | |
| .primary-toolbar .raised.linked .button:focus:first-child, | |
| .primary-toolbar .raised.linked .button:focus:active:first-child, | |
| .primary-toolbar .raised.linked .button:insensitive:first-child, | |
| .inline-toolbar.toolbar .button:first-child, | |
| .inline-toolbar.toolbar .button:active:first-child, | |
| .inline-toolbar.toolbar .button:focus:first-child, | |
| .inline-toolbar.toolbar .button:focus:active:first-child, | |
| .inline-toolbar.toolbar .button:insensitive:first-child, | |
| .inline-toolbar.toolbar GtkToolButton:first-child .button, | |
| .inline-toolbar.toolbar GtkToolButton:first-child .button:active, | |
| .inline-toolbar.toolbar GtkToolButton:first-child .button:focus, | |
| .inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active, | |
| .inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive { | |
| border-width: 1px; | |
| border-right-width: 0; | |
| border-radius: 3px; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| /* rightmost button */ | |
| .primary-toolbar .button.raised.linked:last-child, | |
| .primary-toolbar .button.raised.linked:active:last-child, | |
| .primary-toolbar .button.raised.linked:focus:last-child, | |
| .primary-toolbar .button.raised.linked:focus:active:last-child, | |
| .primary-toolbar .button.raised.linked:insensitive:last-child, | |
| .primary-toolbar .raised.linked .button:last-child, | |
| .primary-toolbar .raised.linked .button:active:last-child, | |
| .primary-toolbar .raised.linked .button:focus:last-child, | |
| .primary-toolbar .raised.linked .button:focus:active:last-child, | |
| .primary-toolbar .raised.linked .button:insensitive:last-child, | |
| .inline-toolbar.toolbar .button:last-child, | |
| .inline-toolbar.toolbar .button:active:last-child, | |
| .inline-toolbar.toolbar .button:focus:last-child, | |
| .inline-toolbar.toolbar .button:focus:active:last-child, | |
| .inline-toolbar.toolbar .button:insensitive:last-child, | |
| .inline-toolbar.toolbar GtkToolButton:last-child .button, | |
| .inline-toolbar.toolbar GtkToolButton:last-child .button:active, | |
| .inline-toolbar.toolbar GtkToolButton:last-child .button:focus, | |
| .inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active, | |
| .inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive { | |
| border-width: 1px; | |
| border-radius: 3px; | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| /* single button */ | |
| .primary-toolbar.toolbar .button:only-child, | |
| .primary-toolbar.toolbar .button:active:only-child, | |
| .primary-toolbar.toolbar .button:focus:only-child, | |
| .primary-toolbar.toolbar .button:focus:active:only-child, | |
| .primary-toolbar.toolbar .button:insensitive:only-child, | |
| .primary-toolbar.toolbar GtkToolButton:only-child .button, | |
| .primary-toolbar.toolbar GtkToolButton:only-child .button:active, | |
| .primary-toolbar.toolbar GtkToolButton:only-child .button:focus, | |
| .primary-toolbar.toolbar GtkToolButton:only-child .button:focus:active, | |
| .primary-toolbar.toolbar GtkToolButton:only-child .button:insensitive, | |
| .inline-toolbar.toolbar .button:only-child, | |
| .inline-toolbar.toolbar .button:active:only-child, | |
| .inline-toolbar.toolbar .button:focus:only-child, | |
| .inline-toolbar.toolbar .button:focus:active:only-child, | |
| .inline-toolbar.toolbar .button:insensitive:only-child, | |
| .inline-toolbar.toolbar GtkToolButton:only-child .button, | |
| .inline-toolbar.toolbar GtkToolButton:only-child .button:active, | |
| .inline-toolbar.toolbar GtkToolButton:only-child .button:focus, | |
| .inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active, | |
| .inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive { | |
| border-width: 1px; | |
| border-radius: 3px; | |
| } | |
| /*********** | |
| * tooltip * | |
| ***********/ | |
| .tooltip { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: alpha(@tooltip_bg_color, 0.9); | |
| border-radius: 3px; | |
| background-image: none; | |
| background-color: alpha(@tooltip_bg_color, 0.9); | |
| color: @tooltip_fg_color; | |
| } | |
| .tooltip * { | |
| background-color: transparent; | |
| } | |
| /************ | |
| * treeview * | |
| ************/ | |
| GtkTreeView { | |
| } | |
| GtkTreeView.dnd { | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: shade(@selected_bg_color, 1.2); | |
| border-radius: 0; | |
| } | |
| GtkTreeView .entry { | |
| border-radius: 0; | |
| background-color: @base_color; | |
| background-image: none; | |
| } | |
| GtkTreeView row:nth-child(even) { | |
| background-color: shade(@base_color, 0.9); | |
| } | |
| GtkTreeView row:nth-child(odd) { | |
| background-color: shade(@base_color, 1.0); | |
| } | |
| /************ | |
| * viewport * | |
| ************/ | |
| GtkViewport { | |
| background-color: transparent; | |
| } | |
| GtkViewport.frame { | |
| border-width: 0; | |
| } | |
| .view { | |
| background-color: @base_color; | |
| color: @text_color; | |
| } | |
| .view:selected, | |
| .view:selected:focus { | |
| background-color: @selected_bg_color; | |
| color: @selected_fg_color; | |
| } | |
| /* | |
| * update : | |
| ruby19\lib\ruby\gems\1.9.1\gems\gdk3-1.2.0-x86-mingw32\vendor\local\etc\gtk-3.0\settings.ini | |
| * | |
| @define-color bg_color rgb(222,222,222) ; | |
| @define-color fg_color rgb(0,0,0) ; | |
| @define-color base_color rgb(255,255,255) ; /* entry bg * | |
| @define-color text_color rgb(0,0,0) ; /* entry fg * | |
| @define-color selected_bg_color rgb(0,198,198) ; | |
| @define-color selected_fg_color rgb(0,0,0) ; | |
| * { | |
| font-size: 40; | |
| font: Arial; | |
| padding: 1; | |
| -GtkButton-child-displacement-x: 1; | |
| -GtkButton-child-displacement-y: 1; | |
| -GtkCheckButton-indicator-size: 14; | |
| background-color: @bg_color; | |
| color: @fg_color; | |
| -Clearlooks-colorize-scrollbar: true; | |
| -Clearlooks-style: classic; | |
| } | |
| *:hover { | |
| background-color: shade (@bg_color, 1.02); | |
| } | |
| *:selected { | |
| background-color: @selected_bg_color; | |
| color: @selected_fg_color; | |
| } | |
| *:insensitive { | |
| color: shade (@bg_color, 0.7); | |
| } | |
| *:active { | |
| background-color: shade (@bg_color, 0.9); | |
| } | |
| .tooltip { | |
| padding: 4; | |
| background-color: @tooltip_bg_color; | |
| color: @tooltip_fg_color; | |
| } | |
| .entry { | |
| border-radius: 2px; | |
| border-color: shade(shade(@base_color, 1.02), 0.8); | |
| border-style: inset; | |
| background-color: @base_color; | |
| -Clearlooks-focus-color: shade (0.65, @base_color) | |
| } | |
| .entry:selected { | |
| background-color: mix (@selected_bg_color, @base_color, 0.4); | |
| -Clearlooks-focus-color: shade (0.65, @selected_bg_color) | |
| } | |
| /*=====================================* | |
| .button { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.02), 1.05)), | |
| to (shade(shade(@bg_color, 1.02), 0.97))); | |
| border-radius: 2px; | |
| border-color: shade(shade(@bg_color, 1.02), 0.8); | |
| border-style: outset; | |
| color: @fg_color; | |
| } | |
| .button:active { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.85), 1.05)), | |
| to (shade(shade(@bg_color, 0.85), 0.97))); | |
| border-style: inset; | |
| border-color: shade(shade(@bg_color, 0.85), 0.8); | |
| } | |
| .button:hover, | |
| .button:active:hover { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 1.07), 1.05)), | |
| to (shade(shade(@bg_color, 1.07), 0.97))); | |
| border-style: inset; | |
| border-color: shade(shade(@bg_color, 1.07), 0.8); | |
| } | |
| .button:insensitive { | |
| background-image: -gtk-gradient(linear, left top, left bottom, | |
| from (shade(shade(@bg_color, 0.95), 1.05)), | |
| to (shade(shade(@bg_color, 0.95), 0.97))); | |
| border-color: shade(shade(@bg_color, 0.95), 0.8); | |
| color: mix(@fg_color, @bg_color, 0.4); | |
| } | |
| */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment