diff --git a/gtk/Makefile.am b/gtk/Makefile.am index 28f669c9ed..df0460c609 100644 --- a/gtk/Makefile.am +++ b/gtk/Makefile.am @@ -1374,7 +1374,7 @@ gtktypebuiltins.c: $(gtk_public_h_sources) $(a11y_h_sources) $(deprecated_h_sour && cp xgen-gtbc gtktypebuiltins.c \ && rm -f xgen-gtbc -gtk.gresource.xml: +gtk.gresource.xml: Makefile.am $(AM_V_GEN) echo -e "" > $@; \ echo -e "" >> $@; \ echo -e " " >> $@; \ @@ -1382,6 +1382,12 @@ gtk.gresource.xml: n=`basename $$f`; \ echo -e " theme/Raleigh/$$n" >> $@; \ done; \ + echo -e " theme/Adwaita/gtk.css" >> $@; \ + echo -e " theme/Adwaita/gtk-dark.css" >> $@; \ + for f in $(srcdir)/resources/theme/Adwaita/assets/*; do \ + n=`basename $$f`; \ + echo -e " theme/Adwaita/assets/$$n" >> $@; \ + done; \ if test "$(win32_theme)" = "yes"; then \ for f in $(srcdir)/resources/theme/win32/*.css; do \ n=`basename $$f`; \ @@ -1399,7 +1405,21 @@ gtk.gresource.xml: echo -e " " >> $@; \ echo -e "" >> $@; +adwaita_sources = \ + resources/theme/Adwaita/assets.svg \ + resources/theme/Adwaita/_colors.scss \ + resources/theme/Adwaita/_common.scss \ + resources/theme/Adwaita/_drawing.scss \ + resources/theme/Adwaita/gtk.scss \ + resources/theme/Adwaita/gtk-dark.scss \ + resources/theme/Adwaita/parse-sass.sh \ + resources/theme/Adwaita/render-assets.sh \ + resources/theme/Adwaita/render-borders.sh \ + resources/theme/Adwaita/assets.txt \ + resources/theme/Adwaita/borders.txt + resource_files = $(shell $(GLIB_COMPILE_RESOURCES) --sourcedir=$(srcdir)/resources --generate-dependencies $(srcdir)/gtk.gresource.xml) + gtkresources.h: gtk.gresource.xml $(AM_V_GEN) $(GLIB_COMPILE_RESOURCES) $(srcdir)/gtk.gresource.xml \ --target=$@ --sourcedir=$(srcdir)/resources --c-name _gtk --generate-header --manual-register @@ -1977,6 +1997,7 @@ gsettings_SCHEMAS = \ EXTRA_DIST += \ $(resource_files) \ + $(adwaita_sources) \ $(STOCK_ICONS) \ $(GENERATED_ICONS) \ $(gsettings_SCHEMAS) \ diff --git a/gtk/resources/theme/Adwaita/_colors.scss b/gtk/resources/theme/Adwaita/_colors.scss new file mode 100644 index 0000000000..8e4e5b8540 --- /dev/null +++ b/gtk/resources/theme/Adwaita/_colors.scss @@ -0,0 +1,82 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: if($variant =='light', #fff, #333); +$bg_color: if($variant =='light', #ededed, #393f3f); +$fg_color: if($variant =='light', #2e3436, #eeeeec); + +$selected_fg_color: #fff; +$selected_bg_color: if($variant =='light', #4a90d9, darken(#4a90d9,20%)); +$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color,20%)); + // FIXME dark variant color +$borders_color: if($variant =='light', darken($bg_color,30%), darken($bg_color,12%)); +$borders_edge: if($variant =='light', white, transparentize($fg_color,.9)); +$link_color: darken($selected_bg_color,10%); + +$warning_color: #f57900; +$error_color: #cc0000; +$success_color: if($variant =='light', #73d216, darken(#73d216,10%)); +$destructive_color: if($variant =='light', #ef2929, darken(#ef2929,10%)); + +$osd_fg_color: #fff; +$osd_bg_color: transparentize(#000,0.2); +$osd_borders_color: transparentize(#fff,0.8); + +//insensitive state derived colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_borders_color: $borders_color; + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant =='light', darken($base_color,1%), darken($base_color,5%)); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 80%); +$backdrop_insensitive_color: if($variant =='light', darken($backdrop_bg_color,15%), lighten($backdrop_bg_color,5%)); +$backdrop_borders_color: mix($borders_color, $bg_color, 90%); + +//apps rely on some named colors to be exported +/* GTK NAMED COLORS */ +@define-color theme_fg_color $fg_color; +@define-color theme_bg_color $bg_color; +@define-color theme_base_color $base_color; +@define-color theme_selected_bg_color $selected_bg_color; +@define-color theme_selected_fg_color $selected_fg_color; +@define-color insensitive_bg_color $insensitive_bg_color; +@define-color insensitive_fg_color $insensitive_fg_color; +@define-color insensitive_base_color $base_color; +@define-color theme_unfocused_fg_color $backdrop_fg_color; +@define-color theme_unfocused_bg_color $backdrop_bg_color; +@define-color theme_unfocused_base_color $backdrop_base_color; +@define-color theme_unfocused_selected_bg_color $selected_bg_color; +@define-color theme_unfocused_selected_fg_color $selected_fg_color; +@define-color borders $borders_color; +@define-color unfocused_borders $backdrop_borders_color; + +@define-color warning_color $warning_color; +@define-color error_color $error_color; +@define-color success_color $success_color; +//@define-color desctructive_color $destructive_color + +//WM +@define-color wm_title shade($fg_color, 1.8); +@define-color wm_unfocused_title $backdrop_fg_color; +@define-color wm_highlight $borders_edge; +@define-color wm_borders_edge $borders_edge; + +@define-color wm_bg_a shade($bg_color, 1.2); +@define-color wm_bg_b $bg_color; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade($bg_color, 1.3); +@define-color wm_button_hover_color_b $bg_color; +@define-color wm_button_active_color_a shade($bg_color, 0.85); +@define-color wm_button_active_color_b shade($bg_color, 0.89); +@define-color wm_button_active_color_c shade($bg_color, 0.9); + +//FIXME this is really an API + +@define-color content_view_bg $base_color; + diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss new file mode 100644 index 0000000000..4da718af1f --- /dev/null +++ b/gtk/resources/theme/Adwaita/_common.scss @@ -0,0 +1,1756 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + -GtkPaned-handle-size: 1; + + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_color; + + -GtkWidget-focus-padding: 2; + -GtkWidget-focus-line-width: 1; + -GtkWindow-resize-grip-width: 0; + -GtkWindow-resize-grip-height: 0; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; + +} + + +/*************** + * Base States * + ***************/ + +.background { + color: $fg_color; + background-color: $bg_color; +} + +.background:backdrop { + text-shadow: none; + icon-shadow: none; + + color: lighten($fg_color,10%); + background-color: $backdrop_bg_color; +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + + + +*:insensitive { + -gtk-image-effect: dim; +} + +*:hover { + -gtk-image-effect: highlight; +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:prelight { + background-color: lighten($bg_color, 10%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:insensitive { + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view { + color: $fg_color; + background-color: $base_color; + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_base_color; + } + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } +} + +/********************* + * Spinner Animation * + *********************/ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + &:active { + opacity: 1; + animation: spin 1s linear infinite; + &:insensitive { + opacity: 0.5; + } + } +} + +/**************** + * Text Entries * + ****************/ + +.entry { + padding: 4px; + border-radius: 3px; + transition: all 200ms ease-out; + @include entry(normal); + &:focus { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + &:backdrop { @include entry(backdrop); } + &:backdrop:insensitive { @include entry(backdrop-insensitive); } + &:selected, &:backdrop:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:selected, + &:selected:focus { + @extend %selected_items; + } + &.progressbar { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + &:backdrop { background-color: transparent; } + } + .linked & { + &:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + &:dir(rtl) { border-right-style: none;} + } + &:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; + &:dir(rtl) { border-left-style: solid; } + } + } +} + +/*********** + * Buttons * + ***********/ + +.button { + border-radius: 3px; + transition: all 200ms ease-out; + padding: 4px 6px; + @include button(normal); + &:hover { + @include button(hover); + } + &:active { + @include button(active); + } + &:backdrop { + @include button(backdrop); + &:active { + @include button(backdrop-active); + } + &:insensitive { + @include button(backdrop-insensitive); + } + &:insensitive:active { + @include button(backdrop-insensitive-active); + } + } + &:selected, + &:selected:focus { + @extend %selected_items; + } + &:insensitive { + @include button(insensitive); + &:active { + @include button(insensitive-active); + } + } + //overlay / OSD style + .osd & { + padding: 6px; + border-width: 1px; + @include button(osd); + @extend %linked_buttons; + &:hover { + @include button(osd-hover); + @extend %linked_buttons; + } + &:active { + @include button(osd-active); + @extend %linked_buttons; + } + &:insensitive { + @include button(osd-insensitive); + @extend %linked_buttons; + } + &:backdrop { + @include button(osd-backdrop); + @extend %linked_buttons; + } + } + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $selected_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal,$b_color, white); + &:hover { + @include button(hover,$b_color, white); + } + &:active { + @include button(active,$b_color, white); + } + &:backdrop { + @include button(backdrop,$b_color); + &:insensitive { + @include button(backdrop-insensitive); + } + } + &:insensitive { + @include button(insensitive); + } + } + } + + // headerbar buttons + .header-bar & { + &.text-button { + padding: 6px 8px 5px; // due to font metrics the image buttons + // are 1px shorter + } + &.image-button { + padding: 8px; + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked_buttons; + } + + .primary-toolbar & { icon-shadow: none; } // tango icons don't need added shadows + .linked &, .linked &:backdrop { + @extend %linked_buttons; + } +} + +%linked_buttons { + border-radius: 0; + border-left-style: none; + &:dir(rtl) { + border-right-style: none; + border-left-style: solid + }; + &:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; + } + &:last-child { + border-radius: 0 3px 3px 0; + &:dir(rtl) { border-right-style: solid; } + } + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +/* menu buttons */ +.menuitem.button { + color: $fg_color; + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + &:insensitive, + &:active:insensitive { + @extend .menuitem.button; // override generic .button:* + } + &:active { + color: $selected_fg_color; + text-shadow: none; + icon-shadow: none; + } + &:backdrop, + &:hover:backdrop, + &:insensitive:backdrop, + &:active:insensitive:backdrop, + &:active:backdrop, + &:active:hover:backdrop, + &:active:selected:backdrop { + text-shadow: none; + icon-shadow: none; + color: $insensitive_fg_color; + background-image: linear-gradient(to bottom, $bg_color); + border: none; + box-shadow: none; + } +} + +GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton.button + +.inline-toolbar.toolbar GtkToolButton .button { @include button(normal); } + +/********* + * Links * + *********/ + +GtkLinkButton.button { + color: $selected_bg_color; //FIXME use a proper color + @extend %undecorated_button; + text-shadow: none; + &:hover, &:active { + color: mix($fg_color, $selected_bg_color, 40%); //FIXME same here + @extend %undecorated_button; + text-shadow: none; + } + &:backdrop { + color: $selected_bg_color; + @extend %undecorated_button; //This shouldn't be needed but avoids + //a weird transition which for some reason + //makes borders blink on hover + } +} + +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + .button { + background-image: none; + border-width: 0 0 0 1px; + border-color: transparentize($borders_color,0.7); + border-radius: 0; + box-shadow: none; + // padding-left: 6px; + // padding-right: 6px; + &:dir(rtl) { border-width: 0 1px 0 0; } + &:insensitive { + color: transparentize($insensitive_fg_color,0.7); + } + &:active { + box-shadow: inset 0 2px 3px -1px transparentize(black,0.8); + } + &:backdrop { + border-color: transparentize($backdrop_borders_color,0.7); + } + &:backdrop:insensitive { + color: transparentize($backdrop_insensitive_color,0.7); + border-width: 0 0 0 1px; // It is needed or it gets overridden + &:dir(rtl) { border-width: 0 1px 0 0; } + } + } + &.vertical { + .button { + &:first-child { + @extend %top_button; + @include button(normal, $noedge: true); + &:active { + @extend %top_button; + @include button(active, $noedge: true); + } + &:hover { + @extend %top_button; + @include button(hover, $noedge: true); + } + &:insensitive { + @extend %top_button; + @include button(insensitive, $noedge: true); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:insensitive { + @extend %bottom_button; + @include button(insensitive); + } + } + &:backdrop { + @include button(backdrop); + } + &:backdrop:insensitive { + @include button(backdrop-insensitive); + } + } + &.entry { + // we should remove the bottom edge hilight here, but seems + // like buttons are on top of it so it doesn't show up + border-radius: 0; + } + %top_button { + border-radius: 3px 3px 0 0; + border-bottom-width: 0; + } + %bottom_button { + border-radius: 0 0 3px 3px; + border-top-width: 0; + } + } +} + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + + //FIXME padding issue + padding: 0; + + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + + box-shadow: 0 1px $borders_edge; + + @include _button_text_shadow; + + &:insensitive { + color: $insensitive_fg_color; + text-shadow: none; + icon-shadow: none; + } + &:backdrop { + color: $backdrop_fg_color; + text-shadow: none; + icon-shadow: none; + } + &:backdrop:insensitive { + color: $backdrop_insensitive_color; + } + .menuitem { text-shadow: none; } + .separator { + // always disable separators + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + } + &.combobox-entry .entry { + border-radius: 3px 0 0 3px; + &:dir(rtl) { + border-radius: 0 3px 3px 0; + } + } + &.combobox-entry .button, &.combobox-entry .button:backdrop { + // It is needed to specify the backdrop button or it gets overridden + border-radius: 0 3px 3px 0; + border-left-style: none; + &:dir(rtl) { + border-radius: 3px 0 0 3px; + border-left-style: solid; + border-right-style: none; + } + } +} + +/************ + * Toolbars * + ************/ +.toolbar { //FIXME: why is all this being ignored? + padding: 6px; + background-color: $bg_color; + &.osd { + background-color: $osd_bg_color; + border-radius: 6px; + padding: 12px; + } + //searchbar & inline-toolbar + &.inline-toolbar { + @extend %inset-bar; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 4px 4px; + } + &.search-bar { + @extend %inset-bar; + border-width: 0 0 1px; + padding: 3px; + } +} + +%inset-bar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + box-shadow: inset 0 2px 3px -1px mix($borders_color, $_bg, 60%); + //FIXME edge would be nice, but doesn't work + &:backdrop { + border-color: $backdrop_borders_color; + background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%); + box-shadow: none; + } +} + +.action-bar { + padding: 4px; +} + +/*************** + * Header bars * + ***************/ + +.titlebar, +.header-bar { + border-width: 0 0 1px; + border-style: solid; + border-color: $borders_color; + border-radius: 7px 7px 0 0; + + background-color: transparent; + background-image: linear-gradient(to bottom, + lighten($bg_color,4%), + $bg_color); + box-shadow: inset 0 -1px mix($borders_color, $bg_color, 30%), // bottom shade + inset 0 1px $borders_edge; // top highlight + padding: 6px; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $bg_color; + background-image: none; + box-shadow: none; + } + + .title { + font: Bold; + padding: 0px 12px; + } + .subtitle { + font-size: 80%; + padding: 0 12px; + } + .header-bar-separator, + & > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0 1px; + border-image: linear-gradient(to bottom, + transparentize($borders_color,1), + $borders_color 30%, + $borders_color 70%, + transparentize($borders_color,1) 100%) + 0 1 / 0 1px stretch; //FIXME use a proper color + &:backdrop { + border-image: linear-gradient(to bottom, + transparentize($backdrop_borders_color, + 0.5)) + 0 1 / 1px 1px; //FIXME use a proper color + } + } + &.selection-mode { + color: darken($selected_bg_color, 15%); + text-shadow: 0 1px transparentize(black, 0.5); + background-image: linear-gradient(to bottom, + lighten($selected_bg_color,5%), + lighten($selected_bg_color,2%)); + box-shadow: inset 0 -1px mix($borders_color,$bg_color, 30%), //bottom shade + inset 0 1px mix($borders_edge,$selected_bg_color, 50%); //top highlight + .button { + @include button(normal, $selected_bg_color, $selected_fg_color, noedge); + &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); } + &:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); } + &:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); } + &:backdrop { @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge); } + &:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, noedge); } + &.suggested-action { + @include button($t:normal, $noedge:true); + &:hover { @include button($t:hover,$noedge:true); } + &:active { @include button($t:active, $noedge:true); } + &:insensitive { @include button($t:insensitive, $noedge:true); } + &:backdrop { @include button($t:backdrop, $noedge:true); } + &:backdrop:insensitive { @include button($t:backdrop-insensitive, $noedge:true); } + } + } + } + .tiled &, .maximized & { + border-radius: 0; // squared corners when the window is max'd or tiled + } +} + +/************** + * Tree Views * + **************/ + +column-header { // FIXME: something better + .button, + .button:hover, + .button:active, + .button:backdrop { + border-width: 0 1px 1px 0; + border-color: transparent; + box-shadow: none; + border-radius: 0; + border-image: linear-gradient(to top, + mix($borders_color, $base_color, 50%), + $base_color + ) 0 1 1 0; + background-image: none; + background-color: $base_color; + color: mix($fg_color,$base_color,50%); + text-shadow: none; + font-weight: bold; + } +} + +/********* + * Menus * + *********/ +.menubar { + padding: 0px; + background-color: mix($fg_color,$bg_color,5%); //Uhm? + &:backdrop { background-color: $backdrop_bg_color; } + & > .menuitem { + padding: 4px 8px; + &:hover { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + color: $selected_bg_color; + } + &:insensitive { + color: $insensitive_fg_color; + box-shadow: none; + } + } +} + +.menu { + padding: 0px; + background-color: $base_color; + //border: 1px solid $borders_color; + .menuitem { + padding: 4px; + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:insensitive { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + &:backdrop, &:backdrop:hover { + color: $backdrop_fg_color; + background-color: $backdrop_base_color; + } + //submenu indicators + &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } +} + + + +/*************** + * Popovers * + ***************/ + +GtkPopover { + margin: 10px; + padding: 2px; + border-color: $borders-color; + border-width: 1px; + border-style: solid; + border-radius: 5px; + //background-clip: border-box; + background-color: $bg_color; + + box-shadow: 0 2px 3px transparentize(black, 0.5); + &:backdrop { + box-shadow: none; + } + & > .list, + & > .view, + & > .toolbar { + background-color: transparent; + } + .separator { + font-size: 80%; + font-weight: bold; + color: mix($fg_color, $bg_color, 20%); + text-shadow: none; + background-color: transparent; + icon-shadow: none; + border: 0; + } + .button, + .button:hover { + text-shadow: none; + transition: none; + } + &.osd { // Also used for touch cutnpaste overlays + // FIXME Doesn't work + background-image: none; + background-color: $osd_bg_color; + border: 1px solid $borders_color; + color: $osd_fg_color; + .button { + color: white; + text-shadow: none; + @include button(osd); + &:hover { @include button(osd-hover); }; + &:active { @include button(osd-active); }; + &:insensitive { @include button(osd-insensitive); }; + } + } +} + +//touch selection handlebars for the Popover.osd above +.cursor-handle { + background-color: transparent; + background-image: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +/***************** + * Notebooks and * + * Tabs * + *****************/ + +.notebook { + // Through me you go to the grief wracked city; + // Through me you go to everlasting pain; + // Through me you go a pass among lost souls. + // ... + // Abandon all hope — Ye Who Enter Here + padding: 0; + background-color: $base_color; + -GtkNotebook-initial-gap: 10; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms ease-out; + &:backdrop { + background-color: $backdrop_base_color; + } + &.frame { + border: 1px solid $borders_color; + // FIXME doesn't work + &.top { border-top-width: 0; } + &.bottom { border-bottom-width: 0; } + &.right { border-right-width: 0; } + &.left { border-left-width: 0; } + &:backdrop { border-color: $backdrop_borders_color; } + } + &.header { + // FIXME: double borders in some case, can't fix it w/o a class tho + // FIXME: doesn't work on dark var + background-color: mix($bg_color, $borders_color, 70%); + + // this is the shading of the header behind the tabs + &.frame { + border: 1px solid $borders_color; + &.top { border-bottom-width: 0; } + &.bottom { border-top-width: 0; } + &.right { border-left-width: 0; } + &.left { border-right-width: 0; } + &:backdrop { border-color: $backdrop_borders_color; } + } + + $_header_shade: inset 0 2px 3px -1px transparentize(black, 0.85); + &.top { + box-shadow: $_header_shade, + inset 0 -1px $borders_color; // border + &:backdrop { box-shadow: inset 0 -1px $backdrop_borders_color; } + } + &.bottom { + box-shadow: $_header_shade, + inset 0 1px $borders_color; + &:backdrop { box-shadow: inset 0 1px $backdrop_borders_color; } + } + &.right { + box-shadow: $_header_shade, + inset 1px 0 $borders_color; + &:backdrop { box-shadow: inset 1px 0 $backdrop_borders_color; } + } + &.left { + box-shadow: $_header_shade, + inset -1px 0 $borders_color; + &:backdrop { box-shadow: inset -1px 0 $backdrop_borders_color; } + } + &:backdrop { + // same color as backdrop pushed button + background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%); + box-shadow: none; + } + } + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + + outline-offset: 0; + + $tab_indicator_size: 3px; + //vertical tab sizing + $vt_vpadding: 8px; + $vt_hpadding: 20px; + // horizontal tab sizing + $ht_vpadding: 5px; + $ht_hpadding: 20px; + + //FIXME: we get double border in some cases, not considering the broken + //notebook content frame... + &.top, &.bottom { padding: $vt_vpadding $vt_hpadding; } + &.left, &.right { padding: $ht_vpadding $ht_hpadding; } + &.top { + padding-bottom: ($vt_vpadding -$tab_indicator_size); + border-bottom-width: $tab_indicator_size; + } + &.bottom { + padding-top: ($vt_vpadding -$tab_indicator_size); + border-top-width: $tab_indicator_size; + } + &.left { + padding-right: ($ht_hpadding -$tab_indicator_size); + border-right-width: $tab_indicator_size; + } + &.right { + padding-left: ($ht_hpadding -$tab_indicator_size); + border-left-width: $tab_indicator_size; + } + + //here's the interesting stuff + &:hover { + border-color: $borders_color; + } + &:active, &:backdrop:active { + border-color: $selected_bg_color; + } + &:backdrop { + background-color: transparent; + border-color: transparent; + } + &.reorderable-page { + border-color: transparent; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + &:hover { + border-color: transparentize($borders_color,0.7); + border-bottom-color: transparentize($borders_color,0.7); + background-color: transparentize($bg_color,0.8); + } + &:active, &.active-page { + background-color: transparentize($bg_color,0.5); + border-color: transparentize($borders_color,0.5); + border-bottom-color: $selected_bg_color; + &:hover { + background-color: transparentize($bg_color,0.3); + } + &:backdrop { + border-left-color: $backdrop_borders_color; + border-right-color: $backdrop_borders_color; + background-color: $backdrop_bg_color; + border-bottom-color: $selected_bg_color; + } + } + &:backdrop { + border-color: transparent; + background-color: transparent; + } + } + GtkLabel { //tab text + // this doesn't affect labels on reorderable pages, not css fault. + padding: 0 2px; // needed for a nicer focus ring + font-weight: bold; + color: $insensitive_fg_color; + + // prelight tab text + &.prelight-page { + color: mix($fg_color, $insensitive_fg_color, 50%); + } + // active tab text + &.active-page { + color: $fg_color; + &:backdrop { color: $backdrop_fg_color; } + } + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_insensitive_color, 50%); + } + } + .button { //tab close button + border: 1px solid transparent; + @extend %undecorated_button; + icon-shadow: none; + transition: none; + color: inherit; + &:hover { + border-color: $borders_color; + text-shadow: none; + } + &:active { + box-shadow: inset 0 1px 1px transparentize(black,0.7); + } + & > GtkImage { // this is a hack which makes tabs grow + padding: 2px; + } + } + } +} + +.notebook > .frame, +.notebook > .view { border: none; } + +/************** + * Scrollbars * + **************/ + +.scrollbar { + background-clip: padding-box; + background-image: none; + border-style: solid; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 13; + -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. + // sadly can't be in '.slider' + // where it belongs + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + .button { + border: none; + } + &.trough { + background-color: darken($bg_color, 5%); + &:backdrop { + background-color: transparent; + } + } + &.slider { + border-radius: 20px; + border: 3px solid transparent; //margin :/ + background-color: mix($bg_color, $fg_color, 70%); + &:backdrop, &:insensitive { + background-color: mix($bg_color, $fg_color, 90%); + } + &:hover { + background-color: mix($bg_color, $fg_color, 50%); + } + &:prelight:active { + background-color: $selected_bg_color; + } + &.fine-tune { + border-width: 5px; + &:prelight:active { + background-color: $selected_bg_color; + } + } + } +} + +/********** + * Switch * + **********/ + +GtkSwitch { + // FIXME: backdrop insensinsitive slider on the dark variant + -GtkSwitch-slider-width: 47px; + font: bold condensed 9; + outline-offset: -4px; + &.trough { + // similar to the .scale + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: $borders_color; + background-color: mix($bg_color,$borders_color,60%); + box-shadow: inset 0 1px transparentize(black, 0.9), + $widget_edge; + text-shadow: 0 1px transparentize(black, 0.9); + &:active { + color: white; + border-color: $selected_borders_color; + background-color: $selected_bg_color; + box-shadow: $widget_edge; + text-shadow: 0 0 2px white; + } + &:insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + box-shadow: $widget_edge; + text-shadow: none; + } + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_bg_color; + box-shadow: none; + text-shadow: none; + } + &:backdrop:active { + color: $backdrop_bg_color; + border-color: $selected_bg_color; + background-color: $selected_bg_color; + box-shadow: none; + } + &:backdrop:insensitive { + color: $backdrop_insensitive_color; + border-color: $backdrop_insensitive_color; + } + } + &.slider { + border-radius: 3px; + @include button(normal, $noedge: true); + box-shadow: inset 0 1px if($variant=='light', white, + transparentize(white,0.85)), + inset 0 -2px transparentize($bg_color,0.4), + inset 0 -1px mix($bg_color,$borders_color,50%); + &:active { border: 1px solid $selected_borders_color; } + &:insensitive { @include button(insensitive, $noedge: true); } + &:backdrop { @include button(backdrop); } + &:backdrop:active{ border-color: $selected_bg_color; } + &:backdrop:insensitive { @include button(backdrop-insensitive); } + } +} + +/************************* + * Check and Radio items * + *************************/ + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +$asset_suffix: if($variant=='dark', '-dark', ''); +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':selected', '-unchecked-active'), + (':insensitive','-unchecked-insensitive'), + (':backdrop', '-unchecked-backdrop'), + (':backdrop:insensitive', '-unchecked-backdrop-insensitive'), + (':inconsistent', '-mixed'), + (':inconsistent:selected', '-mixed-active'), + (':inconsistent:backdrop', '-mixed-backdrop'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':inconsistent:insensitive:backdrop', '-mixed-backdrop-insensitive'), + (':active', '-checked'), + (':active:insensitive','-checked-insensitive'), + (':hover:active', '-checked-hover'), + (':active:selected', '-checked-active'), + (':backdrop:active', '-checked-backdrop'), + (':backdrop:active:insensitive', '-checked-backdrop-insensitive') { + .#{$w}#{$s} { + background-image: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + background-repeat: no-repeat; + background-position: center; + } + } + + //menu + .menuitem.#{$w} { + color: transparentize($fg_color,0.9); + background-image: none; + -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic'); + &:hover { color: transparentize($selected_fg_color,0.9); } + &:active { + color: $fg_color; + &:hover { color: $selected_fg_color; } + &:insensitive { + color: $insensitive_fg_color; + background-image: none; + &:backdrop { color: $backdrop_insensitive_color; }; + } + &:backdrop { color: $backdrop_fg_color; } + } + &:insensitive { + color: transparentize($insensitive_fg_color,0.9); + &:backdrop { color: transparent; } + } + &:inconsistent { + -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); + } + } + + //treeview + GtkTreeView.view.#{$w} { + color: transparentize($fg_color,0.9); + background-image: none; + -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic'); + &:active { + color: $fg_color; + &:insensitive { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + &:backdrop { color: $backdrop_fg_color; } + } + &:insensitive { + color: transparentize($insensitive_fg_color,0.9); + &:backdrop { color: transparent; } + } + &:inconsistent { + -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); + } + &:selected { + color: transparentize($selected_fg_color,0.9); + &:active { + color: $selected_fg_color; + &:backdrop { color: $backdrop_base_color; } + } + &:backdrop { + color: transparentize($backdrop_fg_color,0.9); + } + } + } + + //popover + GtkPopover .button.#{$w} { + &:hover { + color: transparentize($fg_color,0.9); + &:active { + color: $fg_color; + &:selected { color: $selected_fg_color; } + &:backdrop { color: $backdrop_fg_color; } + } + } + } +} + + + +GtkCheckButton.text-button:selected { background-color: transparent; } + +/************ + * GtkScale * + ************/ +.scale { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 20; + -GtkRange-trough-border: 2; + outline-offset: -9px; + margin: 10px; + &.slider { + //FIXME: better gradient on the slider and hover state + @include button(normal); + border-radius: 50%; + border-color: darken($borders_color,3%); + box-shadow: inset 0 1px if($variant=='light', white, + transparentize(white,0.85)), + inset 0 #{-2px} $bg_color, + inset 0 #{-1px} mix($bg_color,$borders_color,50%); + &:insensitive { + background-image: linear-gradient(to bottom, $insensitive_bg_color); + box-shadow: none; + } + &:backdrop { + border-color: darken($backdrop_borders_color,3%); + background-image: linear-gradient(to bottom, $backdrop_bg_color); + box-shadow: none; + } + &:backdrop:insensitive { @include button(backdrop-insensitive); } + //FIXME we need a better color for the dark variant + &:active { border: 1px solid darken($selected_borders_color, 3%); } + &.fine-tune:active { //FIXME: Lapo doesn't like the shrinkage. Bad for touch + border: 4px solid transparent; //margin + box-shadow: inset 0 2px $borders_edge, + inset 0 0 0 1px darken($selected_borders_color,3%); //border + } + } + &.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: $borders_color; + background-color: mix($bg_color,$borders_color,60%); + box-shadow: inset 1px 1px transparentize(black, 0.9), + $widget_edge; + &.highlight { + border-color: $selected_borders_color; + background-color: $selected_bg_color; + box-shadow: $widget_edge; + &:backdrop { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + box-shadow: none; + } + } + &:insensitive, &.hilight:insensitive { + border-color: $insensitive_borders_color; + background-color: $insensitive_bg_color; + box-shadow: $widget_edge; + } + &:backdrop { + border-color: $backdrop_borders_color; + background-color: mix($backdrop_bg_color,$borders_color); + box-shadow: none; + } + &:backdrop:insensitive, .hilight:backdrop:insensitive { + border-color: $backdrop_insensitive_color; + background-color: $backdrop_bg_color; + } + } +} + + +/***************** + * Progress bars * + *****************/ + +//FIXME it's a wip ok? + +GtkProgressBar { + padding: 0; + font-size: 83%; + color: transparentize($fg_color, 0.6); + &:backdrop { + color: $backdrop_insensitive_color; + } +} + +// moving bit +.progressbar { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: $selected_borders_color; + background-color: $selected_bg_color; + // I really prefer these flat w/o this shadow - Lapo + box-shadow: inset 0 1px 0 transparentize($borders_edge,0.8); + &.vertical { + box-shadow: inset 1px 0 0 transparentize($borders_edge,0.8); + } + &:backdrop { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + box-shadow: none; + } + &.osd { + border-width: 0; + border-radius: 0; + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; //FIXME still too tall + } +} + +// background +GtkProgressBar.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: $borders_color; + background-color: mix($borders_color,$bg_color, 35%); + box-shadow: inset 1px 1px transparentize(black, 0.9), + $widget_edge; + &:backdrop{ + border-color: $backdrop_borders_color; + background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%); + box-shadow: 0 1px transparentize(white,1); + } + &.osd { + background-color: transparent; + box-shadow: none; + border-width: 0; + //FIXME: there is a margin on top + } +} + +/************* + * Level Bar * + *************/ + +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 { + // FIXME: outset not working + padding: 2px; + border-radius: 3px; + @include entry(normal); + &:backdrop { + @include entry(backdrop); + } + } + &.fill-block { + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border-width: 1px; + border-style: solid; + border-color: if($variant=='light', darken($selected_bg_color,10%), + darken($selected_bg_color,5%)); + background-color: $selected_bg_color; + box-shadow: 0 1px transparentize(black, 0.9); + border-radius: 1px; + &:backdrop { + border-color: $selected_bg_color; + box-shadow: none; + } + &.indicator-discrete { + &.horizontal { margin: 0 1px; } + &.vertical { margin: 1px 0; } + } + &.level-high { + border-color: darken($success_color,10%); + background-color: $success_color; + &:backdrop { border-color: $success_color; } + } + &.level-low { + border-color: darken($warning_color,10%); + background-color: $warning_color; + &:backdrop { border-color: $warning_color; }; + } + &.empty-fill-block { + background-color: transparent; + border-color: if($variant=='light', transparentize($fg_color,0.8), + transparentize($fg_color,0.9)); + box-shadow: none; + &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); } + } + } +} + +// catch all extend :) + +%selected_items { + background-color: $selected_bg_color; + color: $selected_fg_color; + &:backdrop { color: $backdrop_base_color; } +} + +/********** + * Frames * + **********/ +.frame { + border: 1px solid $borders_color; + padding: 0; + &:backdrop { border-color: $backdrop_borders_color; } +} + +GtkScrolledWindow { + .frame { border-radius: 2px; } + GtkViewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } +} + +//vbox and hbox separators +.separator { + // always disable separators + // -GtkWidget-wide-separators: true; + color: transparentize(black, 0.9); +} + +/********* + * Lists * + *********/ + +.list { + background-color: $base_color; + border-color: $borders_color; + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } +} + + +/********************* + * App Notifications * + *********************/ + +.app-notification { + border-width: 0 1px 1px; + border-style: solid; + border-color: $borders_color; + border-radius: 0 0 6px 6px; + background-image: linear-gradient(to bottom, mix(black, $bg_color, 6%) 5%, + mix(black, $bg_color, 4%)); + // FIXME no space for outer shadow : box-shadow: 0 1px 1px rgba(0,0,0,.5); + padding: 0 4px; + .button { padding: 6px; } +} + +/************* + * Expanders * + *************/ + +GtkExpander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + &:active { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +/************ + * Calendar * + ***********/ + +GtkCalendar { + border: 1px solid $borders_color; + &.button { + padding: 0 4px; + color: mix($borders_color, $base_color, 50%); //we need a dimmed stuff var + background-image: none; + background-color: transparent; + &:hover { + background-image: none; + color: $fg_color; + } + &:backdrop, &:backdrop:hover { + color: mix($backdrop_borders_color, $backdrop_base_color, 50%); + background-image: none; + } + } +} + +/*********** + * Dialogs * + ***********/ + +.message-dialog { + // no spacing in message dialogs and the likes + -GtkDialog-button-spacing: 0; +} + +GtkMessageDialog .titlebar { + border-style: none; + box-shadow: inset 0 1px $borders_edge; +} + +.dialog-action-area.linked { + & .button { + padding: 6px; + border-radius: 0; + @include button(normal, $noedge: true); + @extend %middle_button; + &:hover { + @include button(hover, $noedge: true); + @extend %middle_button; + } + &:active { + @include button(active, $noedge: true); + @extend %middle_button; + } + &:insensitive { + @include button(insensitive, $noedge: true); + @extend %middle_button; + } + &:backdrop { + @include button(backdrop, $noedge: true); + @extend %middle_button; + } + &:backdrop:insensitive { + @include button(backdrop-insensitive, $noedge: true); + @extend %middle_button; + } + &:first-child{ @extend %first_button; } + } + %middle_button { + border-style: solid none none solid; + } + %first_button { border-style: solid none none none; } +} + +/*********** + * Sidebar * + ***********/ + +.sidebar, +.sidebar .view { + border: none; + $_sidebar_bg: lighten($bg_color,5%); + background-color: $_sidebar_bg; + .scrollbar { + &.trough { + background-color: darken($bg_color,10%); + border-radius: 6px; + border-width: 2px; + border-color: transparent; + } + &.slider { + background-color: $_sidebar_bg; + &:hover { background-color: lighten($bg_color, 10%); } + } + } + &:selected { + background-color: $selected_bg_color; + } + &:backdrop { + background-color: lighten($backdrop_bg_color,5%); + } +} + +GtkPaned { + // This is actually the invisible area of the paned separator, not a margin... + margin: 16px; //drag area of the separator +} + +.pane-separator { + //FIXME abusing a background-image to get rid of the handle decoration + //I'd like something better... + background-image: linear-gradient(to bottom, $borders_color); + &:backdrop { + background-image: linear-gradient(to bottom, $backdrop_borders_color); + } +} + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-width: 0; + border-style: none; +} + +.info, +.question, +.warning, +.error { + background-color: $selected_bg_color; + color: $selected_fg_color; + text-shadow: 0 1px darken($selected_bg_color, 10%); + border-color: darken($selected_bg_color, 10%); + .button { + @include button(normal, $selected_bg_color, $selected_fg_color, noedge); + &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); } + &:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); } + &:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); } + &:backdrop { @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge); } + &:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, noedge); } + } +} + +/************ + * Tooltips * + ************/ + +.tooltip { + color: white; + padding: 4px; /* not working */ + border-radius: 5px; + background-color: transparentize(black,0.2); //FIXME proper color + text-shadow: 0 1px black; +// border: 2px solid $borders_color; gnome shell style? +} + +.tooltip * { //Yeah this is ugly + padding: 4px; + background-color: transparent; +} + +/***************** + * Color Chooser * + *****************/ + +GtkColorSwatch { + + border: 1px solid transparentize(black,0.7); + box-shadow: inset 0 1px 1px transparentize(black, 0.8); + + &.color-light { + &:hover { + background-image: linear-gradient(to bottom, + transparentize(white, 1) 40%, + transparentize(white, 0.6)); + &:backdrop { background-image: none; } + } + } + &.color-dark { + &:hover { + background-image: linear-gradient(to bottom, + transparentize(white, 1) 40%, + transparentize(white, 0.8)); + &:backdrop { background-image: none; } + } + } + + &:hover { border-color: transparentize(black, 0.5); } + + &:backdrop { border-color: transparentize(black,0.8); box-shadow: none; } + + &.top { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } + &.bottom { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + } + &.left, &:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + } + &.right, &:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + &:only-child { + border-radius: 5px; + } + &.color-active-badge { + border-width: 2px; + &:hover { background-image: none; } + &.color-light, &.color-light:hover { + color: transparentize(black,0.7); + border-color: transparentize(black,0.7); + } + &.color-dark, &.color-dark:hover { + color: transparentize(white,0.5); + border-color: transparentize(white,0.5); + } + } +} +GtkColorChooserWidget #add-color-button { + border-color: mix($borders_color,$bg_color,50%); + background-color: mix($borders_color,$bg_color,50%); + color: $bg_color; + box-shadow: none; + &:hover { + border-color: $borders_color; + background-color: $borders_color; + } + &:backdrop { + border-color: mix($backdrop_borders_color,$backdrop_bg_color,50%); + background-color: mix($backdrop_borders_color,$backdrop_bg_color,50%); + } +} + +/********************** + * Window Decorations * + *********************/ + +.window-frame { + border-radius: 7px 7px 0 0; + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.8), transparentize(black, 0.4)); + box-shadow: 0 2px 10px 4px transparentize(black, 0.9), + 0 0 0 1px $_wm_border; //doing borders with box-shadow + + /* this is used for the resize cursor area */ + margin: 10px; + + &:backdrop { + box-shadow: 0 3px 6px 2px transparentize(black, 0.9), + 0 0 0 1px transparentize(black,0.7); + } + &.tiled { + border-radius: 0; + } + &.csd { + &.popup { + border-radius: 0; + box-shadow: 0 1px 2px transparentize(black, 0.6), + 0 0 0 1px transparentize($_wm_border,0.1); + } + &.tooltip { + border-radius: 5px; + box-shadow: none; + } + } +} + +// Window Close button +.button.titlebutton { + padding: 8px; + border-color: transparent; + background-image: none; + transition-property: border, box-shadow, color; + box-shadow: inset 0 1px transparentize(white,1), + 0 1px transparentize($borders_edge,1); + &:hover { @include button(normal); } + &:active { @include button(active); } + &:backdrop { + @include button(backdrop); + border-color: transparent; + transition-property: border, box-shadow, color; + } +} + diff --git a/gtk/resources/theme/Adwaita/_drawing.scss b/gtk/resources/theme/Adwaita/_drawing.scss new file mode 100644 index 0000000000..1a55b7fc53 --- /dev/null +++ b/gtk/resources/theme/Adwaita/_drawing.scss @@ -0,0 +1,356 @@ +// Drawing mixins + +// generic drawing of more complex things + +$widget_edge: 0 1px $borders_edge; //outer hilight "used" on + //most widgets + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// entries + +@mixin entry($t, $noedge:false) { +// +// Entries drawing function +// +// $t: entry type +// $noedge: set to true not to draw the bottom edge hilight +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive; +// + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, + darken($base_color,3%), + $base_color 90%); + $_entry_edge: $widget_edge; + @if $noedge { $_entry_edge: none; } + + @if $t==normal { + border-color: $borders_color; + @include _shadows(inset 0 2px 2px -2px mix(black, $base_color, 50%), + $_entry_edge); + } + @if $t==focus { + @if $variant == 'light' { + border-color: $selected_bg_color; + @include _shadows(inset 0 2px 2px -2px mix(black, $base_color, 50%), + inset 0 0 2px 1px mix($selected_bg_color,$base_color,20%), + $_entry_edge); + } + @else { + border-color: $selected_borders_color; + @include _shadows(inset 0 2px 2px -2px mix(black, $base_color, 50%), + inset 0 0 1px 1px $selected_bg_color, + $_entry_edge); + } + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-image: linear-gradient(to bottom, $insensitive_bg_color); + @include _shadows($_entry_edge); + } + @if $t==backdrop { + color: $backdrop_fg_color; + background-image: linear-gradient(to bottom, $backdrop_base_color); + box-shadow: 0 1px transparentize(white,1); + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + background-image: linear-gradient(to bottom, $backdrop_bg_color); + box-shadow: 0 1px transparentize(white,1); + } +} + +// buttons + +@mixin _button_border_color ($c) { border-color: darken($c,25%); } // colored buttons want the border form the base color + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_lbg: lightness($bg)/100%; + + $_dark: transparentize(black,$_lbg*0.8); + $_bright: transparentize(white,1-$_lbg/($_lbg*1.3)); + + @if lightness($tc) < 50% { + text-shadow: 0 1px $_bright; + icon-shadow: 0 1px $_bright; + } + @else { + text-shadow: 0 -1px $_dark; + icon-shadow: 0 -1px $_dark; + } +} + +@mixin button($t, $c:$bg_color, $tc:$fg_color, $noedge:false ) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $noedge: set to true not to draw the bottom edge hilight +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active +// + border-width: 1px; + border-style: solid; + + $_top_hilight: if(lightness($c)> 70%, white, transparentize(white,0.9)); //not just dark/light but colored buttons + + @if $t==normal { + // + // normal button + // + color: $tc; + @if lightness($c) < 50% { //darker buttons need a less contrasty gradient + background-image: linear-gradient(to bottom, + lighten($c,5%), + $c 40%, + darken($c,5%) + ); + } + @else { + background-image: linear-gradient(to bottom, + lighten($c,15%), + $c 40%, + darken($c,10%) + ); + } + + @if $c!=$bg_color { @include _button_border_color($c); } + @else { border-color: $borders_color; } + + @include _button_text_shadow($tc,$c); + @if $noedge { box-shadow: inset 0 1px $_top_hilight; } + @else { + @include _shadows(inset 0 1px $_top_hilight, $widget_edge); + } + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + @if $c!=$bg_color { @include _button_border_color($c); } + @else { border-color: $borders_color; } + background-image: linear-gradient(to bottom, + lighten($c,14%), + lighten($c,4%) 40%, + $c); + + @include _button_text_shadow($tc,lighten($c,4%)); + @if $noedge { box-shadow: inset 0 1px $_top_hilight; } + @else { + @include _shadows(inset 0 1px $_top_hilight, $widget_edge); + } + } + + @else if $t==active { + // + // pushed button + // + color: $tc; + @if $c!=$bg_color { @include _button_border_color($c); } + @else { border-color: $borders_color; } + @if $variant == 'light' { + background-image: linear-gradient(to bottom, + darken($c,15%), + darken($c,11%) 3%, + darken($c,10%)); + } + @else { + background-image: linear-gradient(to bottom, + darken($c,10%), + darken($c,5%) 3%); + } + @include _button_text_shadow($tc,darken($c,10%)); + @if $noedge { + box-shadow: inset 0 2px 3px -1px transparentize(black,0.7); + } + @else { + @include _shadows(inset 0 2px 3px -1px transparentize(black,0.7), + $widget_edge); + } + } + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: $insensitive_borders_color; + background-image: linear-gradient(to bottom, $insensitive_bg_color); + text-shadow: none; + icon-shadow: none; + @if $noedge { + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + box-shadow: inset 0 1px transparentize(white,1); + } + @else { + @include _shadows(inset 0 1px transparentize(white,1), + $widget_edge); + } + } + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: $insensitive_fg_color; + border-color: $insensitive_borders_color; + background-image: linear-gradient(to bottom, + mix($insensitive_borders_color, + $insensitive_bg_color, 10%)); + @if $noedge { + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + box-shadow: inset 0 1px transparentize(white,1); + } + @else { + @include _shadows(inset 0 1px transparentize(white,1), + $widget_edge); + } + } + + @else if $t==backdrop { + // + // backdrop button + // + color: if($c!=$bg_color, $backdrop_bg_color, $backdrop_fg_color); + border-color: if($c!=$bg_color, $c, $backdrop_borders_color); + background-image: linear-gradient(to bottom, + if($c!=bg_color,$c,$backdrop_bg_color)); + text-shadow: none; + icon-shadow: none; + @include _shadows(inset 0 1px transparentize(white,1), + 0 1px transparentize(white,1)); + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + background-image: linear-gradient(to bottom, + mix($backdrop_borders_color,$backdrop_bg_color, 35%)); + @include _shadows(inset 0 1px transparentize(white,1), + 0 1px transparentize(white,1)); + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-image: linear-gradient(to bottom, $backdrop_bg_color); + box-shadow: inset 0 1px transparentize(white,1); + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-image: linear-gradient(to bottom, + mix($backdrop_borders_color,$backdrop_bg_color, 8%)); + @include _shadows(inset 0 1px transparentize(white,1), + 0 1px transparentize(white,1)); + } + + @else if $t==osd { + // + // normal osd button + // + background-image: linear-gradient(to bottom, + transparentize(#fff,0.9), + transparentize(#fff,0.95), + transparentize(#000,0.99)); + border-color: $osd_borders_color; + box-shadow: none; + } + @else if $t==osd-hover { + // + // active osd button + // + background-image: linear-gradient(to bottom, + transparentize(#fff,0.85), + transparentize(#fff,0.9), + transparentize(#000,0.99)); + border-color: $osd_borders_color; + box-shadow: none; + } + @else if $t==osd-active { + // + // active osd button + // + background-image: linear-gradient(to bottom, + transparentize(#000,0.95), + transparentize(#fff,0.95), + transparentize(#fff,0.9)); + border-color: $osd_borders_color; + box-shadow: none; + } + @else if $t==osd-insensitive { + // + // insensitive osd button + // + background-image: linear-gradient(to bottom, + $osd_bg_color); + border-color: $osd_borders_color; + color: $insensitive_fg_color; + } + +} + +@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:false) { + color: mix($tc,$bg_color,80%); + @if $flat { background-image: linear-gradient(to bottom,$c); } + @else { + background-image: linear-gradient(to bottom, + mix(black,$c,15%) 5%, + mix(black,$c,10%) 20%, + mix(black,$c,10%) 90%, + $c + ); + } + + @if $c!=$bg_color { @include _button_border_color($c); } + @else { border-color: $borders_color; } + + @if $noedge==false { + @if lightness($c) > 60% { + box-shadow: inset 0 -1px 0 $borders_edge, + 0 1px 0 $borders_edge; + } + @else { + box-shadow: inset 0 -1px 0 transparentize($borders_edge,0.5), + 0 1px 0 transparentize($borders_edge,0.5); + } + } + +} diff --git a/gtk/resources/theme/Adwaita/assets.svg b/gtk/resources/theme/Adwaita/assets.svg new file mode 100644 index 0000000000..8c7275e654 --- /dev/null +++ b/gtk/resources/theme/Adwaita/assets.svg @@ -0,0 +1,8943 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk/resources/theme/Adwaita/assets.txt b/gtk/resources/theme/Adwaita/assets.txt new file mode 100644 index 0000000000..d110503b33 --- /dev/null +++ b/gtk/resources/theme/Adwaita/assets.txt @@ -0,0 +1,73 @@ +checkbox-checked +checkbox-checked-hover +checkbox-checked-active +checkbox-checked-insensitive +checkbox-checked-backdrop +checkbox-checked-backdrop-insensitive +checkbox-unchecked +checkbox-unchecked-hover +checkbox-unchecked-active +checkbox-unchecked-insensitive +checkbox-unchecked-backdrop +checkbox-unchecked-backdrop-insensitive +checkbox-mixed +checkbox-mixed-hover +checkbox-mixed-active +checkbox-mixed-insensitive +checkbox-mixed-backdrop +checkbox-mixed-backdrop-insensitive +radio-checked +radio-checked-hover +radio-checked-active +radio-checked-insensitive +radio-checked-backdrop +radio-checked-backdrop-insensitive +radio-unchecked +radio-unchecked-hover +radio-unchecked-active +radio-unchecked-insensitive +radio-unchecked-backdrop +radio-unchecked-backdrop-insensitive +radio-mixed +radio-mixed-hover +radio-mixed-active +radio-mixed-insensitive +radio-mixed-backdrop +radio-mixed-backdrop-insensitive +checkbox-checked-dark +checkbox-checked-hover-dark +checkbox-checked-active-dark +checkbox-checked-insensitive-dark +checkbox-checked-backdrop-dark +checkbox-checked-backdrop-insensitive-dark +checkbox-unchecked-dark +checkbox-unchecked-hover-dark +checkbox-unchecked-active-dark +checkbox-unchecked-insensitive-dark +checkbox-unchecked-backdrop-dark +checkbox-unchecked-backdrop-insensitive-dark +checkbox-mixed-dark +checkbox-mixed-hover-dark +checkbox-mixed-active-dark +checkbox-mixed-insensitive-dark +checkbox-mixed-backdrop-dark +checkbox-mixed-backdrop-insensitive-dark +radio-checked-dark +radio-checked-hover-dark +radio-checked-active-dark +radio-checked-insensitive-dark +radio-checked-backdrop-dark +radio-checked-backdrop-insensitive-dark +radio-unchecked-dark +radio-unchecked-hover-dark +radio-unchecked-active-dark +radio-unchecked-insensitive-dark +radio-unchecked-backdrop-dark +radio-unchecked-backdrop-insensitive-dark +radio-mixed-dark +radio-mixed-hover-dark +radio-mixed-active-dark +radio-mixed-insensitive-dark +radio-mixed-backdrop-dark +radio-mixed-backdrop-insensitive-dark + diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-active-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active-dark.png new file mode 100644 index 0000000000..0261649b94 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-active-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active-dark@2.png new file mode 100644 index 0000000000..ecba07cf6e Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-active.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active.png new file mode 100644 index 0000000000..d73e562133 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-active@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active@2.png new file mode 100644 index 0000000000..474f6e1776 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-active@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-dark.png new file mode 100644 index 0000000000..ed8d8aef58 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-dark@2.png new file mode 100644 index 0000000000..38d75f5c78 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive-dark.png new file mode 100644 index 0000000000..823a476695 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000..d8c3b7c1f8 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive.png new file mode 100644 index 0000000000..217df70dcc Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive@2.png new file mode 100644 index 0000000000..c3b95f5ae4 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop.png new file mode 100644 index 0000000000..03d49b1669 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop@2.png new file mode 100644 index 0000000000..c08d62a146 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-backdrop@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-dark.png new file mode 100644 index 0000000000..b9aef69a20 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-dark@2.png new file mode 100644 index 0000000000..6a3543e0d4 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover-dark.png new file mode 100644 index 0000000000..28ae4ef54e Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover-dark@2.png new file mode 100644 index 0000000000..f8ae7f0e08 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000..9d237a08ff Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover@2.png new file mode 100644 index 0000000000..dc555f96f8 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-hover@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive-dark.png new file mode 100644 index 0000000000..d0ec1eb9be Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000000..2a91f51bde Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000000..80272b5417 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000000..181fc98bef Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked.png new file mode 100644 index 0000000000..3e0e6d1459 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-checked@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-checked@2.png new file mode 100644 index 0000000000..9553da16eb Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-checked@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active-dark.png new file mode 100644 index 0000000000..f264dc2835 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active-dark@2.png new file mode 100644 index 0000000000..c1b336a863 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active.png new file mode 100644 index 0000000000..5187959b69 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active@2.png new file mode 100644 index 0000000000..99bcf2c50f Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-active@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-dark.png new file mode 100644 index 0000000000..544e9a03a9 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-dark@2.png new file mode 100644 index 0000000000..acc8d8e43a Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive-dark.png new file mode 100644 index 0000000000..9e77e3c7bb Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000..2d9eab42d4 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive.png new file mode 100644 index 0000000000..bafc13d713 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive@2.png new file mode 100644 index 0000000000..c00937f0e1 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop.png new file mode 100644 index 0000000000..ff9549989b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop@2.png new file mode 100644 index 0000000000..d88aa0d4b0 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-backdrop@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-dark.png new file mode 100644 index 0000000000..c00f9f36b1 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-dark@2.png new file mode 100644 index 0000000000..e6981c93ca Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000000..a36d8261fe Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000000..cb88935421 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000000..a9fdf477ac Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000000..7d9663c685 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed.png new file mode 100644 index 0000000000..b8a8e61af8 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-mixed@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-mixed@2.png new file mode 100644 index 0000000000..bed7c98190 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-mixed@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active-dark.png new file mode 100644 index 0000000000..a3351bd488 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active-dark@2.png new file mode 100644 index 0000000000..03ad638592 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000000..0f8e7082fa Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active@2.png new file mode 100644 index 0000000000..306b6184b5 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-active@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-dark.png new file mode 100644 index 0000000000..572a9fd89a Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-dark@2.png new file mode 100644 index 0000000000..2ef30c7f1e Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive-dark.png new file mode 100644 index 0000000000..38573db5eb Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000..34dd3d4572 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive.png new file mode 100644 index 0000000000..72a2401f59 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive@2.png new file mode 100644 index 0000000000..e3c28c56ce Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop.png new file mode 100644 index 0000000000..a58c47793b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop@2.png new file mode 100644 index 0000000000..f74210df48 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-backdrop@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-dark.png new file mode 100644 index 0000000000..ec41647464 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000..b707a3e8eb Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover-dark.png new file mode 100644 index 0000000000..3b5443a5a9 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover-dark@2.png new file mode 100644 index 0000000000..9b63de5696 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover.png new file mode 100644 index 0000000000..ea8d5d144d Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover@2.png new file mode 100644 index 0000000000..d0dd951dba Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-hover@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 0000000000..cc0074597b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000000..2e82e601ee Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000000..a77451c294 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000000..9cab7e92b6 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked.png new file mode 100644 index 0000000000..8ceba5c2c1 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked.png differ diff --git a/gtk/resources/theme/Adwaita/assets/checkbox-unchecked@2.png b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000000..2bdbe16a09 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/checkbox-unchecked@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-active-dark.png b/gtk/resources/theme/Adwaita/assets/radio-checked-active-dark.png new file mode 100644 index 0000000000..b79a7b964f Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-active-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-active-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-active-dark@2.png new file mode 100644 index 0000000000..40e74038fd Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-active-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-active.png b/gtk/resources/theme/Adwaita/assets/radio-checked-active.png new file mode 100644 index 0000000000..58599e612b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-active.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-active@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-active@2.png new file mode 100644 index 0000000000..2e9cc69746 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-active@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-dark.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-dark.png new file mode 100644 index 0000000000..c4566b33f7 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-dark@2.png new file mode 100644 index 0000000000..93146e2d5b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive-dark.png new file mode 100644 index 0000000000..3c7ac0215b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000..23a3c848b7 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive.png new file mode 100644 index 0000000000..8a9bf8f7f8 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive@2.png new file mode 100644 index 0000000000..b21255a3b7 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop.png new file mode 100644 index 0000000000..ed063faae3 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop@2.png new file mode 100644 index 0000000000..b6501ee076 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-backdrop@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-dark.png b/gtk/resources/theme/Adwaita/assets/radio-checked-dark.png new file mode 100644 index 0000000000..8ee4f153f9 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-dark@2.png new file mode 100644 index 0000000000..87f94d524a Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-hover-dark.png b/gtk/resources/theme/Adwaita/assets/radio-checked-hover-dark.png new file mode 100644 index 0000000000..b7f07dfb00 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-hover-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-hover-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-hover-dark@2.png new file mode 100644 index 0000000000..87840b88e3 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-hover-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-hover.png b/gtk/resources/theme/Adwaita/assets/radio-checked-hover.png new file mode 100644 index 0000000000..994393fe10 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-hover.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-hover@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-hover@2.png new file mode 100644 index 0000000000..604a3edf12 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-hover@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive-dark.png new file mode 100644 index 0000000000..8379b859a5 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive-dark@2.png new file mode 100644 index 0000000000..7ca1179c38 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive.png b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive.png new file mode 100644 index 0000000000..6349457c10 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive@2.png new file mode 100644 index 0000000000..eeab187812 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked.png b/gtk/resources/theme/Adwaita/assets/radio-checked.png new file mode 100644 index 0000000000..4f43fade3d Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-checked@2.png b/gtk/resources/theme/Adwaita/assets/radio-checked@2.png new file mode 100644 index 0000000000..6fd05bc828 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-checked@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-active-dark.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-active-dark.png new file mode 100644 index 0000000000..ecf2e4c884 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-active-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-active-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-active-dark@2.png new file mode 100644 index 0000000000..3e2e29e147 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-active-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-active.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-active.png new file mode 100644 index 0000000000..bc9bb3f329 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-active.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-active@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-active@2.png new file mode 100644 index 0000000000..e2b749a1c8 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-active@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-dark.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-dark.png new file mode 100644 index 0000000000..776ed2129e Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-dark@2.png new file mode 100644 index 0000000000..32604d8e99 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive-dark.png new file mode 100644 index 0000000000..31145beba7 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000..888118d8ae Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive.png new file mode 100644 index 0000000000..1af275cbfb Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive@2.png new file mode 100644 index 0000000000..bd0a79ad48 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop.png new file mode 100644 index 0000000000..198755e522 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop@2.png new file mode 100644 index 0000000000..b7f6745b29 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-backdrop@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-dark.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-dark.png new file mode 100644 index 0000000000..5501543a49 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-dark@2.png new file mode 100644 index 0000000000..17b3463d38 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive-dark.png new file mode 100644 index 0000000000..4181b33217 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 0000000000..480e57449c Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000000..43fe456aa3 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000000..13205b1797 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed.png b/gtk/resources/theme/Adwaita/assets/radio-mixed.png new file mode 100644 index 0000000000..4a552c68ab Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-mixed@2.png b/gtk/resources/theme/Adwaita/assets/radio-mixed@2.png new file mode 100644 index 0000000000..6aa4b758d8 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-mixed@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-active-dark.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active-dark.png new file mode 100644 index 0000000000..648e90be5d Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-active-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active-dark@2.png new file mode 100644 index 0000000000..43ea3c5381 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-active.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active.png new file mode 100644 index 0000000000..0ea0ace2a0 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-active@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active@2.png new file mode 100644 index 0000000000..452e4558ac Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-active@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-dark.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-dark.png new file mode 100644 index 0000000000..48e451ad97 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-dark@2.png new file mode 100644 index 0000000000..827f7e93cb Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive-dark.png new file mode 100644 index 0000000000..53f9f7ae61 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000..7992123683 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive.png new file mode 100644 index 0000000000..9bfa3fed51 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive@2.png new file mode 100644 index 0000000000..742fb3fa0b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop.png new file mode 100644 index 0000000000..1bc92d5196 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop@2.png new file mode 100644 index 0000000000..e9a5d9019e Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-backdrop@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-dark.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-dark.png new file mode 100644 index 0000000000..a208850287 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-dark@2.png new file mode 100644 index 0000000000..101e749c4b Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover-dark.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover-dark.png new file mode 100644 index 0000000000..a2b50d380f Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover-dark@2.png new file mode 100644 index 0000000000..31d4dfdd1f Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover.png new file mode 100644 index 0000000000..40f9ffc8b0 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover@2.png new file mode 100644 index 0000000000..14357d29ff Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-hover@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive-dark.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 0000000000..db7e3d0278 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive-dark.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive-dark@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000000..2921aa91df Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000000..ea0e7d0574 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000000..c1f92a7422 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked-insensitive@2.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked.png new file mode 100644 index 0000000000..c5aed7a256 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked.png differ diff --git a/gtk/resources/theme/Adwaita/assets/radio-unchecked@2.png b/gtk/resources/theme/Adwaita/assets/radio-unchecked@2.png new file mode 100644 index 0000000000..1f0a370be2 Binary files /dev/null and b/gtk/resources/theme/Adwaita/assets/radio-unchecked@2.png differ diff --git a/gtk/resources/theme/Adwaita/borders.txt b/gtk/resources/theme/Adwaita/borders.txt new file mode 100644 index 0000000000..feeb073080 --- /dev/null +++ b/gtk/resources/theme/Adwaita/borders.txt @@ -0,0 +1,34 @@ +button-border +generic-border +button-border-default +generic-border-focused +generic-border-backdrop +primary-toolbar-button-border +primary-toolbar-generic-border +primary-toolbar-button-border-default +primary-toolbar-generic-border-focused +primary-toolbar-generic-border-backdrop +nohl-button-border +nohl-generic-border +nohl-button-border-default +nohl-generic-border-focused +nohl-generic-border-backdrop +button-border-dark +generic-border-dark +button-border-default-dark +generic-border-focused-dark +generic-border-backdrop-dark +primary-toolbar-button-border-dark +primary-toolbar-generic-border-dark +primary-toolbar-button-border-default-dark +primary-toolbar-generic-border-focused-dark +primary-toolbar-generic-border-backdrop-dark +nohl-button-border-dark +nohl-generic-border-dark +nohl-button-border-default-dark +nohl-generic-border-focused-dark +nohl-generic-border-backdrop-dark +generic-border-transparent +nohl-generic-border-transparent +generic-border-transparent-dark +nohl-generic-border-transparent-dark diff --git a/gtk/resources/theme/Adwaita/gtk-dark.css b/gtk/resources/theme/Adwaita/gtk-dark.css new file mode 100644 index 0000000000..d794863e0f --- /dev/null +++ b/gtk/resources/theme/Adwaita/gtk-dark.css @@ -0,0 +1,2086 @@ +/* GTK NAMED COLORS */ +@define-color theme_fg_color #eeeeec; +@define-color theme_bg_color #393f3f; +@define-color theme_base_color #333333; +@define-color theme_selected_bg_color #215d9c; +@define-color theme_selected_fg_color white; +@define-color insensitive_bg_color #363a3a; +@define-color insensitive_fg_color #939695; +@define-color insensitive_base_color #333333; +@define-color theme_unfocused_fg_color #c9cbc9; +@define-color theme_unfocused_bg_color #393f3f; +@define-color theme_unfocused_base_color #262626; +@define-color theme_unfocused_selected_bg_color #215d9c; +@define-color theme_unfocused_selected_fg_color white; +@define-color borders #1c1f1f; +@define-color unfocused_borders #1e2222; +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #5aa411; +@define-color wm_title shade(#eeeeec, 1.8); +@define-color wm_unfocused_title #c9cbc9; +@define-color wm_highlight rgba(238, 238, 236, 0.1); +@define-color wm_borders_edge rgba(238, 238, 236, 0.1); +@define-color wm_bg_a shade(#393f3f, 1.2); +@define-color wm_bg_b #393f3f; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#393f3f, 1.3); +@define-color wm_button_hover_color_b #393f3f; +@define-color wm_button_active_color_a shade(#393f3f, 0.85); +@define-color wm_button_active_color_b shade(#393f3f, 0.89); +@define-color wm_button_active_color_c shade(#393f3f, 0.9); +@define-color content_view_bg #333333; +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #cc0000; + -GtkPaned-handle-size: 1; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkWidget-link-color: #184472; + -GtkWidget-visited-link-color: #184472; + -GtkWidget-focus-padding: 2; + -GtkWidget-focus-line-width: 1; + -GtkWindow-resize-grip-width: 0; + -GtkWindow-resize-grip-height: 0; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(238, 238, 236, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; } + +/*************** + * Base States * + ***************/ +.background { + color: #eeeeec; + background-color: #393f3f; } + +.background:backdrop { + text-shadow: none; + icon-shadow: none; + color: white; + background-color: #393f3f; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +*:hover { + -gtk-image-effect: highlight; } + +.gtkstyle-fallback { + background-color: #393f3f; + color: #eeeeec; } + .gtkstyle-fallback:prelight { + background-color: #515a5a; + color: #eeeeec; } + .gtkstyle-fallback:active { + background-color: #212424; + color: #eeeeec; } + .gtkstyle-fallback:insensitive { + background-color: #363a3a; + color: #939695; } + .gtkstyle-fallback:selected { + background-color: #215d9c; + color: white; } + +.view { + color: #eeeeec; + background-color: #333333; } + .view:backdrop { + color: #c9cbc9; + background-color: #262626; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive { + opacity: 0.5; } + +/**************** + * Text Entries * + ****************/ +.entry { + padding: 4px; + border-radius: 3px; + transition: all 200ms ease-out; + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%); + border-color: #1c1f1f; + box-shadow: inset 0 2px 2px -2px #191919, 0 1px rgba(238, 238, 236, 0.1); } + .entry:focus { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%); + border-color: #0f2b48; + box-shadow: inset 0 2px 2px -2px #191919, inset 0 0 1px 1px #215d9c, 0 1px rgba(238, 238, 236, 0.1); } + .entry:insensitive { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%); + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + box-shadow: 0 1px rgba(238, 238, 236, 0.1); } + .entry:backdrop { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%); + color: #c9cbc9; + background-image: linear-gradient(to bottom, #262626); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + .entry:backdrop:insensitive { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%); + color: #454c4c; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + .entry:selected, .entry:backdrop:selected { + background-color: #215d9c; + color: white; } + .entry.progressbar { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #215d9c; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + .entry.progressbar:backdrop { + background-color: transparent; } + .linked .entry:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .linked .entry:first-child:dir(rtl) { + border-right-style: none; } + .linked .entry:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + .linked .entry:last-child:dir(rtl) { + border-left-style: solid; } + +/*********** + * Buttons * + ***********/ +.button { + border-radius: 3px; + transition: all 200ms ease-out; + padding: 4px 6px; + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .button:hover { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .button:active { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #212424, #2d3232 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); } + .button:backdrop { + border-width: 1px; + border-style: solid; + color: #c9cbc9; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button:backdrop:active { + border-width: 1px; + border-style: solid; + color: #c9cbc9; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #2f3434); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button:backdrop:insensitive:active { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #363c3c); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } + .button:insensitive:active { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #333737); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } + .osd .button { + padding: 6px; + border-width: 1px; + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd .button:hover { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd .button:active { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd .button:insensitive { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8)); + border-color: rgba(255, 255, 255, 0.2); + color: #939695; } + .osd .button:backdrop { + border-width: 1px; + border-style: solid; } + .button.suggested-action { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); + border-color: #0b1e33; + text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .button.suggested-action:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); + text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .button.suggested-action:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #184472, #1c5187 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); } + .button.suggested-action:backdrop { + border-width: 1px; + border-style: solid; + color: #393f3f; + border-color: #215d9c; + background-image: linear-gradient(to bottom, #215d9c); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } + .button.destructive-action { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e); + border-color: #5e0707; + text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .button.destructive-action:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #5e0707; + background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010); + text-shadow: 0 -1px rgba(0, 0, 0, 0.60878); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .button.destructive-action:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #5e0707; + background-image: linear-gradient(to bottom, #a60c0c, #bd0e0e 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); } + .button.destructive-action:backdrop { + border-width: 1px; + border-style: solid; + color: #393f3f; + border-color: #d51010; + background-image: linear-gradient(to bottom, #d51010); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } + .header-bar .button.text-button { + padding: 6px 8px 5px; } + .header-bar .button.image-button { + padding: 8px; } + .inline-toolbar .button, .inline-toolbar .button:backdrop { + border-radius: 2px; + border-width: 1px; } + .primary-toolbar .button { + icon-shadow: none; } + +.osd .button, .osd .button:hover, .osd .button:active, .osd .button:insensitive, .osd .button:backdrop, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked .button, .linked .button:backdrop { + border-radius: 0; + border-left-style: none; } + .osd .button:dir(rtl), .inline-toolbar .button:dir(rtl), .linked .button:dir(rtl) { + border-right-style: none; + border-left-style: solid; } + .osd .button:first-child, .inline-toolbar .button:first-child, .linked .button:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; } + .osd .button:last-child, .inline-toolbar .button:last-child, .linked .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .button:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked .button:last-child:dir(rtl) { + border-right-style: solid; } + .osd .button:only-child, .inline-toolbar .button:only-child, .linked .button:only-child { + border-radius: 3px; + border-style: solid; } + +GtkLinkButton.button, GtkLinkButton.button:hover, GtkLinkButton.button:active, GtkLinkButton.button:backdrop, .notebook tab .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +/* menu buttons */ +.menuitem.button, .menuitem.button:insensitive, .menuitem.button:active:insensitive { + color: #eeeeec; + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + .menuitem.button:active { + color: white; + text-shadow: none; + icon-shadow: none; } + .menuitem.button:backdrop, .menuitem.button:backdrop:active:insensitive, .menuitem.button:hover:backdrop, .menuitem.button:insensitive:backdrop, .menuitem.button:active:insensitive:backdrop, .menuitem.button:active:backdrop, .menuitem.button:active:hover:backdrop, .menuitem.button:active:selected:backdrop { + text-shadow: none; + icon-shadow: none; + color: #939695; + background-image: linear-gradient(to bottom, #393f3f); + border: none; + box-shadow: none; } + +GtkColorButton.button { + padding: 4px; } + +.inline-toolbar.toolbar GtkToolButton .button { + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + +/********* + * Links * + *********/ +GtkLinkButton.button { + color: #215d9c; + text-shadow: none; } + GtkLinkButton.button:hover, GtkLinkButton.button:active { + color: #7397bc; + text-shadow: none; } + GtkLinkButton.button:backdrop { + color: #215d9c; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton .button { + background-image: none; + border-width: 0 0 0 1px; + border-color: rgba(28, 31, 31, 0.3); + border-radius: 0; + box-shadow: none; } + .spinbutton .button:dir(rtl) { + border-width: 0 1px 0 0; } + .spinbutton .button:insensitive { + color: rgba(147, 150, 149, 0.3); } + .spinbutton .button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .spinbutton .button:backdrop { + border-color: rgba(30, 34, 34, 0.3); } + .spinbutton .button:backdrop:insensitive { + color: rgba(69, 76, 76, 0.3); + border-width: 0 0 0 1px; } + .spinbutton .button:backdrop:insensitive:dir(rtl) { + border-width: 0 1px 0 0; } +.spinbutton.vertical .button:first-child { + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .spinbutton.vertical .button:first-child:active { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #212424, #2d3232 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .spinbutton.vertical .button:first-child:hover { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .spinbutton.vertical .button:first-child:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.spinbutton.vertical .button:last-child { + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .spinbutton.vertical .button:last-child:active { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #212424, #2d3232 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); } + .spinbutton.vertical .button:last-child:hover { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .spinbutton.vertical .button:last-child:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } +.spinbutton.vertical .button:backdrop { + border-width: 1px; + border-style: solid; + color: #c9cbc9; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } +.spinbutton.vertical .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.spinbutton.vertical.entry { + border-radius: 0; } +.spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive { + border-radius: 3px 3px 0 0; + border-bottom-width: 0; } +.spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive { + border-radius: 0 0 3px 3px; + border-top-width: 0; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + padding: 0; + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + box-shadow: 0 1px rgba(238, 238, 236, 0.1); + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } + GtkComboBox:insensitive { + color: #939695; + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop { + color: #c9cbc9; + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop:insensitive { + color: #454c4c; } + GtkComboBox .menuitem { + text-shadow: none; } + GtkComboBox .separator { + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; } + GtkComboBox.combobox-entry .entry { + border-radius: 3px 0 0 3px; } + GtkComboBox.combobox-entry .entry:dir(rtl) { + border-radius: 0 3px 3px 0; } + GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { + border-radius: 0 3px 3px 0; + border-left-style: none; } + GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:backdrop:dir(rtl) { + border-radius: 3px 0 0 3px; + border-left-style: solid; + border-right-style: none; } + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + background-color: #393f3f; } + .toolbar.osd { + background-color: rgba(0, 0, 0, 0.8); + border-radius: 6px; + padding: 12px; } + .toolbar.inline-toolbar { + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 4px 4px; } + .toolbar.search-bar { + border-width: 0 0 1px; + padding: 3px; } + +.toolbar.inline-toolbar, .toolbar.search-bar { + border-style: solid; + border-color: #1c1f1f; + background-color: #303535; + box-shadow: inset 0 2px 3px -1px #242727; } + .toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop { + border-color: #1e2222; + background-color: #2f3434; + box-shadow: none; } + +.action-bar { + padding: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +.header-bar { + border-width: 0 0 1px; + border-style: solid; + border-color: #1c1f1f; + border-radius: 7px 7px 0 0; + background-color: transparent; + background-image: linear-gradient(to bottom, #434a4a, #393f3f); + box-shadow: inset 0 -1px #303535, inset 0 1px rgba(238, 238, 236, 0.1); + padding: 6px; } + .titlebar:backdrop, + .header-bar:backdrop { + border-color: #1e2222; + background-color: #393f3f; + background-image: none; + box-shadow: none; } + .titlebar .title, + .header-bar .title { + font: Bold; + padding: 0px 12px; } + .titlebar .subtitle, + .header-bar .subtitle { + font-size: 80%; + padding: 0 12px; } + .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, + .header-bar .header-bar-separator, + .header-bar > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 0) 100%) 0 1/0 1px stretch; } + .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, + .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop { + border-image: linear-gradient(to bottom, rgba(30, 34, 34, 0.5)) 0 1/1px 1px; } + .titlebar.selection-mode, + .header-bar.selection-mode { + color: #14375d; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + background-image: linear-gradient(to bottom, #256ab1, #2362a5); + box-shadow: inset 0 -1px #303535, inset 0 1px rgba(43, 100, 160, 0.55); } + .titlebar.selection-mode .button, + .header-bar.selection-mode .button { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); + border-color: #0b1e33; + text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar.selection-mode .button:hover, + .header-bar.selection-mode .button:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); + text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar.selection-mode .button:active, + .header-bar.selection-mode .button:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #184472, #1c5187 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .titlebar.selection-mode .button:insensitive, + .header-bar.selection-mode .button:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button:backdrop, + .header-bar.selection-mode .button:backdrop { + border-width: 1px; + border-style: solid; + color: #393f3f; + border-color: #215d9c; + background-image: linear-gradient(to bottom, #215d9c); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button:backdrop:insensitive, + .header-bar.selection-mode .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button.suggested-action, + .header-bar.selection-mode .button.suggested-action { + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar.selection-mode .button.suggested-action:hover, + .header-bar.selection-mode .button.suggested-action:hover { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar.selection-mode .button.suggested-action:active, + .header-bar.selection-mode .button.suggested-action:active { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #212424, #2d3232 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .titlebar.selection-mode .button.suggested-action:insensitive, + .header-bar.selection-mode .button.suggested-action:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button.suggested-action:backdrop, + .header-bar.selection-mode .button.suggested-action:backdrop { + border-width: 1px; + border-style: solid; + color: #c9cbc9; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button.suggested-action:backdrop:insensitive, + .header-bar.selection-mode .button.suggested-action:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .tiled .titlebar, .maximized .titlebar, .tiled + .header-bar, .maximized + .header-bar { + border-radius: 0; } + +/************** + * Tree Views * + **************/ +column-header .button, +column-header .button:hover, +column-header .button:active, +column-header .button:backdrop { + border-width: 0 1px 1px 0; + border-color: transparent; + box-shadow: none; + border-radius: 0; + border-image: linear-gradient(to top, #272929, #333333) 0 1 1 0; + background-image: none; + background-color: #333333; + color: #90908f; + text-shadow: none; + font-weight: bold; } + +/********* + * Menus * + *********/ +.menubar { + padding: 0px; + background-color: #424747; } + .menubar:backdrop { + background-color: #393f3f; } + .menubar > .menuitem { + padding: 4px 8px; } + .menubar > .menuitem:hover { + box-shadow: inset 0 -3px #215d9c; + color: #215d9c; } + .menubar > .menuitem:insensitive { + color: #939695; + box-shadow: none; } + +.menu { + padding: 0px; + background-color: #333333; } + .menu .menuitem { + padding: 4px; } + .menu .menuitem:hover { + color: white; + background-color: #215d9c; } + .menu .menuitem:insensitive { + color: #939695; } + .menu .menuitem:insensitive:backdrop { + color: #454c4c; } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { + color: #c9cbc9; + background-color: #262626; } + .menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +/*************** + * Popovers * + ***************/ +GtkPopover { + margin: 10px; + padding: 2px; + border-color: #1c1f1f; + border-width: 1px; + border-style: solid; + border-radius: 5px; + background-color: #393f3f; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } + GtkPopover:backdrop { + box-shadow: none; } + GtkPopover > .list, GtkPopover > .view, GtkPopover > .toolbar { + background-color: transparent; } + GtkPopover .separator { + font-size: 80%; + font-weight: bold; + color: #5d6261; + text-shadow: none; + background-color: transparent; + icon-shadow: none; + border: 0; } + GtkPopover .button, + GtkPopover .button:hover { + text-shadow: none; + transition: none; } + GtkPopover.osd { + background-image: none; + background-color: rgba(0, 0, 0, 0.8); + border: 1px solid #1c1f1f; + color: white; } + GtkPopover.osd .button { + color: white; + text-shadow: none; + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + GtkPopover.osd .button:hover { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + GtkPopover.osd .button:active { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + GtkPopover.osd .button:insensitive { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8)); + border-color: rgba(255, 255, 255, 0.2); + color: #939695; } + +.cursor-handle { + background-color: transparent; + background-image: none; } + .cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + .cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +.notebook { + padding: 0; + background-color: #333333; + -GtkNotebook-initial-gap: 10; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms ease-out; } + .notebook:backdrop { + background-color: #262626; } + .notebook.frame { + border: 1px solid #1c1f1f; } + .notebook.frame.top { + border-top-width: 0; } + .notebook.frame.bottom { + border-bottom-width: 0; } + .notebook.frame.right { + border-right-width: 0; } + .notebook.frame.left { + border-left-width: 0; } + .notebook.frame:backdrop { + border-color: #1e2222; } + .notebook.header { + background-color: #303535; } + .notebook.header.frame { + border: 1px solid #1c1f1f; } + .notebook.header.frame.top { + border-bottom-width: 0; } + .notebook.header.frame.bottom { + border-top-width: 0; } + .notebook.header.frame.right { + border-left-width: 0; } + .notebook.header.frame.left { + border-right-width: 0; } + .notebook.header.frame:backdrop { + border-color: #1e2222; } + .notebook.header.top { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #1c1f1f; } + .notebook.header.top:backdrop { + box-shadow: inset 0 -1px #1e2222; } + .notebook.header.bottom { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #1c1f1f; } + .notebook.header.bottom:backdrop { + box-shadow: inset 0 1px #1e2222; } + .notebook.header.right { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #1c1f1f; } + .notebook.header.right:backdrop { + box-shadow: inset 1px 0 #1e2222; } + .notebook.header.left { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #1c1f1f; } + .notebook.header.left:backdrop { + box-shadow: inset -1px 0 #1e2222; } + .notebook.header:backdrop { + background-color: #2f3434; + box-shadow: none; } + .notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-offset: 0; } + .notebook tab.top, .notebook tab.bottom { + padding: 8px 20px; } + .notebook tab.left, .notebook tab.right { + padding: 5px 20px; } + .notebook tab.top { + padding-bottom: 5px; + border-bottom-width: 3px; } + .notebook tab.bottom { + padding-top: 5px; + border-top-width: 3px; } + .notebook tab.left { + padding-right: 17px; + border-right-width: 3px; } + .notebook tab.right { + padding-left: 17px; + border-left-width: 3px; } + .notebook tab:hover { + border-color: #1c1f1f; } + .notebook tab:active, .notebook tab:backdrop:active { + border-color: #215d9c; } + .notebook tab:backdrop { + background-color: transparent; + border-color: transparent; } + .notebook tab.reorderable-page { + border-color: transparent; + border-left: 1px solid transparent; + border-right: 1px solid transparent; } + .notebook tab.reorderable-page:hover { + border-color: rgba(28, 31, 31, 0.3); + border-bottom-color: rgba(28, 31, 31, 0.3); + background-color: rgba(57, 63, 63, 0.2); } + .notebook tab.reorderable-page:active, .notebook tab.reorderable-page.active-page { + background-color: rgba(57, 63, 63, 0.5); + border-color: rgba(28, 31, 31, 0.5); + border-bottom-color: #215d9c; } + .notebook tab.reorderable-page:active:hover, .notebook tab.reorderable-page.active-page:hover { + background-color: rgba(57, 63, 63, 0.7); } + .notebook tab.reorderable-page:active:backdrop, .notebook tab.reorderable-page.active-page:backdrop { + border-left-color: #1e2222; + border-right-color: #1e2222; + background-color: #393f3f; + border-bottom-color: #215d9c; } + .notebook tab.reorderable-page:backdrop { + border-color: transparent; + background-color: transparent; } + .notebook tab GtkLabel { + padding: 0 2px; + font-weight: bold; + color: #939695; } + .notebook tab GtkLabel.prelight-page { + color: #c0c2c0; } + .notebook tab GtkLabel.active-page { + color: #eeeeec; } + .notebook tab GtkLabel.active-page:backdrop { + color: #c9cbc9; } + .notebook tab GtkLabel:backdrop { + color: #878b8a; } + .notebook tab .button { + border: 1px solid transparent; + icon-shadow: none; + transition: none; + color: inherit; } + .notebook tab .button:hover { + border-color: #1c1f1f; + text-shadow: none; } + .notebook tab .button:active { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); } + .notebook tab .button > GtkImage { + padding: 2px; } + +.notebook > .frame, +.notebook > .view { + border: none; } + +/************** + * Scrollbars * + **************/ +.scrollbar { + background-clip: padding-box; + background-image: none; + border-style: solid; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 13; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + .scrollbar .button { + border: none; } + .scrollbar.trough { + background-color: #2d3232; } + .scrollbar.trough:backdrop { + background-color: transparent; } + .scrollbar.slider { + border-radius: 20px; + border: 3px solid transparent; + background-color: #6f7372; } + .scrollbar.slider:backdrop, .scrollbar.slider:insensitive { + background-color: #4b5050; } + .scrollbar.slider:hover { + background-color: #939695; } + .scrollbar.slider:prelight:active { + background-color: #215d9c; } + .scrollbar.slider.fine-tune { + border-width: 5px; } + .scrollbar.slider.fine-tune:prelight:active { + background-color: #215d9c; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 47px; + font: bold condensed 9; + outline-offset: -4px; } + GtkSwitch.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #1c1f1f; + background-color: #2d3232; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); + text-shadow: 0 1px rgba(0, 0, 0, 0.1); } + GtkSwitch.trough:active { + color: white; + border-color: #0f2b48; + background-color: #215d9c; + box-shadow: 0 1px rgba(238, 238, 236, 0.1); + text-shadow: 0 0 2px white; } + GtkSwitch.trough:insensitive { + color: #939695; + border-color: #1c1f1f; + background-color: #363a3a; + box-shadow: 0 1px rgba(238, 238, 236, 0.1); + text-shadow: none; } + GtkSwitch.trough:backdrop { + color: #c9cbc9; + border-color: #1e2222; + background-color: #393f3f; + box-shadow: none; + text-shadow: none; } + GtkSwitch.trough:backdrop:active { + color: #393f3f; + border-color: #215d9c; + background-color: #215d9c; + box-shadow: none; } + GtkSwitch.trough:backdrop:insensitive { + color: #454c4c; + border-color: #454c4c; } + GtkSwitch.slider { + border-radius: 3px; + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; } + GtkSwitch.slider:active { + border: 1px solid #0f2b48; } + GtkSwitch.slider:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + GtkSwitch.slider:backdrop { + border-width: 1px; + border-style: solid; + color: #c9cbc9; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + GtkSwitch.slider:backdrop:active { + border-color: #215d9c; } + GtkSwitch.slider:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +/************************* + * Check and Radio items * + *************************/ +.check { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:hover { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:selected { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent { + background-image: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:selected { + background-image: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:backdrop { + background-image: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:insensitive:backdrop { + background-image: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:active { + background-image: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:active:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:hover:active { + background-image: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:active:selected { + background-image: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop:active { + background-image: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop:active:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.menuitem.check { + color: rgba(238, 238, 236, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } + .menuitem.check:hover { + color: rgba(255, 255, 255, 0.1); } + .menuitem.check:active { + color: #eeeeec; } + .menuitem.check:active:hover { + color: white; } + .menuitem.check:active:insensitive { + color: #939695; + background-image: none; } + .menuitem.check:active:insensitive:backdrop { + color: #454c4c; } + .menuitem.check:active:backdrop { + color: #c9cbc9; } + .menuitem.check:insensitive { + color: rgba(147, 150, 149, 0.1); } + .menuitem.check:insensitive:backdrop { + color: transparent; } + .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } + +GtkTreeView.view.check { + color: rgba(238, 238, 236, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } + GtkTreeView.view.check:active { + color: #eeeeec; } + GtkTreeView.view.check:active:insensitive { + color: #939695; } + GtkTreeView.view.check:active:insensitive:backdrop { + color: #454c4c; } + GtkTreeView.view.check:active:backdrop { + color: #c9cbc9; } + GtkTreeView.view.check:insensitive { + color: rgba(147, 150, 149, 0.1); } + GtkTreeView.view.check:insensitive:backdrop { + color: transparent; } + GtkTreeView.view.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } + GtkTreeView.view.check:selected { + color: rgba(255, 255, 255, 0.1); } + GtkTreeView.view.check:selected:active { + color: white; } + GtkTreeView.view.check:selected:active:backdrop { + color: #262626; } + GtkTreeView.view.check:selected:backdrop { + color: rgba(201, 203, 201, 0.1); } + +GtkPopover .button.check:hover { + color: rgba(238, 238, 236, 0.1); } + GtkPopover .button.check:hover:active { + color: #eeeeec; } + GtkPopover .button.check:hover:active:selected { + color: white; } + GtkPopover .button.check:hover:active:backdrop { + color: #c9cbc9; } + +.radio { + background-image: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:hover { + background-image: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:selected { + background-image: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:insensitive { + background-image: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop { + background-image: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop:insensitive { + background-image: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent { + background-image: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:selected { + background-image: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:backdrop { + background-image: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:insensitive { + background-image: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:insensitive:backdrop { + background-image: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:active { + background-image: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:active:insensitive { + background-image: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:hover:active { + background-image: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:active:selected { + background-image: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop:active { + background-image: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop:active:insensitive { + background-image: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.menuitem.radio { + color: rgba(238, 238, 236, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } + .menuitem.radio:hover { + color: rgba(255, 255, 255, 0.1); } + .menuitem.radio:active { + color: #eeeeec; } + .menuitem.radio:active:hover { + color: white; } + .menuitem.radio:active:insensitive { + color: #939695; + background-image: none; } + .menuitem.radio:active:insensitive:backdrop { + color: #454c4c; } + .menuitem.radio:active:backdrop { + color: #c9cbc9; } + .menuitem.radio:insensitive { + color: rgba(147, 150, 149, 0.1); } + .menuitem.radio:insensitive:backdrop { + color: transparent; } + .menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } + +GtkTreeView.view.radio { + color: rgba(238, 238, 236, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } + GtkTreeView.view.radio:active { + color: #eeeeec; } + GtkTreeView.view.radio:active:insensitive { + color: #939695; } + GtkTreeView.view.radio:active:insensitive:backdrop { + color: #454c4c; } + GtkTreeView.view.radio:active:backdrop { + color: #c9cbc9; } + GtkTreeView.view.radio:insensitive { + color: rgba(147, 150, 149, 0.1); } + GtkTreeView.view.radio:insensitive:backdrop { + color: transparent; } + GtkTreeView.view.radio:inconsistent { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } + GtkTreeView.view.radio:selected { + color: rgba(255, 255, 255, 0.1); } + GtkTreeView.view.radio:selected:active { + color: white; } + GtkTreeView.view.radio:selected:active:backdrop { + color: #262626; } + GtkTreeView.view.radio:selected:backdrop { + color: rgba(201, 203, 201, 0.1); } + +GtkPopover .button.radio:hover { + color: rgba(238, 238, 236, 0.1); } + GtkPopover .button.radio:hover:active { + color: #eeeeec; } + GtkPopover .button.radio:hover:active:selected { + color: white; } + GtkPopover .button.radio:hover:active:backdrop { + color: #c9cbc9; } + +GtkCheckButton.text-button:selected { + background-color: transparent; } + +/************ + * GtkScale * + ************/ +.scale { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 20; + -GtkRange-trough-border: 2; + outline-offset: -9px; + margin: 10px; } + .scale.slider { + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); + border-radius: 50%; + border-color: #151717; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2a2f2f; } + .scale.slider:insensitive { + background-image: linear-gradient(to bottom, #363a3a); + box-shadow: none; } + .scale.slider:backdrop { + border-color: #171a1a; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: none; } + .scale.slider:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .scale.slider:active { + border: 1px solid #0c233b; } + .scale.slider.fine-tune:active { + border: 4px solid transparent; + box-shadow: inset 0 2px rgba(238, 238, 236, 0.1), inset 0 0 0 1px #0c233b; } + .scale.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #1c1f1f; + background-color: #2d3232; + box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .scale.trough.highlight { + border-color: #0f2b48; + background-color: #215d9c; + box-shadow: 0 1px rgba(238, 238, 236, 0.1); } + .scale.trough.highlight:backdrop { + border-color: #215d9c; + background-color: #215d9c; + box-shadow: none; } + .scale.trough:insensitive, .scale.trough.hilight:insensitive { + border-color: #1c1f1f; + background-color: #363a3a; + box-shadow: 0 1px rgba(238, 238, 236, 0.1); } + .scale.trough:backdrop { + border-color: #1e2222; + background-color: #2a2f2f; + box-shadow: none; } + .scale.trough:backdrop:insensitive, .scale.trough .hilight:backdrop:insensitive { + border-color: #454c4c; + background-color: #393f3f; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + padding: 0; + font-size: 83%; + color: rgba(238, 238, 236, 0.4); } + GtkProgressBar:backdrop { + color: #454c4c; } + +.progressbar { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #0f2b48; + background-color: #215d9c; + box-shadow: inset 0 1px 0 rgba(238, 238, 236, 0); } + .progressbar.vertical { + box-shadow: inset 1px 0 0 rgba(238, 238, 236, 0); } + .progressbar:backdrop { + border-color: #215d9c; + background-color: #215d9c; + box-shadow: none; } + .progressbar.osd { + border-width: 0; + border-radius: 0; + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; } + +GtkProgressBar.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #1c1f1f; + background-color: #2e3333; + box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + GtkProgressBar.trough:backdrop { + border-color: #1e2222; + background-color: #2f3434; + box-shadow: 0 1px rgba(255, 255, 255, 0); } + GtkProgressBar.trough.osd { + background-color: transparent; + box-shadow: none; + border-width: 0; } + +/************* + * Level Bar * + *************/ +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: 3px; + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%); + border-color: #1c1f1f; + box-shadow: inset 0 2px 2px -2px #191919, 0 1px rgba(238, 238, 236, 0.1); } + .level-bar.trough:backdrop { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%); + color: #c9cbc9; + background-image: linear-gradient(to bottom, #262626); + box-shadow: 0 1px rgba(255, 255, 255, 0); } +.level-bar.fill-block { + border-width: 1px; + border-style: solid; + border-color: #1c5187; + background-color: #215d9c; + box-shadow: 0 1px rgba(0, 0, 0, 0.1); + border-radius: 1px; } + .level-bar.fill-block:backdrop { + border-color: #215d9c; + box-shadow: none; } + .level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; } + .level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; } + .level-bar.fill-block.level-high { + border-color: #40760c; + background-color: #5aa411; } + .level-bar.fill-block.level-high:backdrop { + border-color: #5aa411; } + .level-bar.fill-block.level-low { + border-color: #c26000; + background-color: #f57900; } + .level-bar.fill-block.level-low:backdrop { + border-color: #f57900; } + .level-bar.fill-block.empty-fill-block { + background-color: transparent; + border-color: rgba(238, 238, 236, 0.1); + box-shadow: none; } + .level-bar.fill-block.empty-fill-block:backdrop { + border-color: rgba(201, 203, 201, 0.15); } + +.view:selected, .view:selected:focus, .view:selected:hover, .entry:selected, .entry:selected:focus, .button:selected, .button:selected:focus { + background-color: #215d9c; + color: white; } + .view:backdrop:selected, .entry:backdrop:selected, .button:backdrop:selected { + color: #262626; } + +/********** + * Frames * + **********/ +.frame { + border: 1px solid #1c1f1f; + padding: 0; } + .frame:backdrop { + border-color: #1e2222; } + +GtkScrolledWindow .frame { + border-radius: 2px; } +GtkScrolledWindow GtkViewport.frame { + border-style: none; } + +.separator { + color: rgba(0, 0, 0, 0.1); } + +/********* + * Lists * + *********/ +.list { + background-color: #333333; + border-color: #1c1f1f; } + .list:backdrop { + background-color: #262626; + border-color: #1e2222; } + +/********************* + * App Notifications * + *********************/ +.app-notification { + border-width: 0 1px 1px; + border-style: solid; + border-color: #1c1f1f; + border-radius: 0 0 6px 6px; + background-image: linear-gradient(to bottom, #353b3b 5%, #363c3c); + padding: 0 4px; } + .app-notification .button { + padding: 6px; } + +/************* + * Expanders * + *************/ +GtkExpander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + GtkExpander:hover { + color: white; } + GtkExpander:active { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ + * Calendar * + ***********/ +GtkCalendar { + border: 1px solid #1c1f1f; } + GtkCalendar.button { + padding: 0 4px; + color: #272929; + background-image: none; + background-color: transparent; } + GtkCalendar.button:hover { + background-image: none; + color: #eeeeec; } + GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover { + color: #222424; + background-image: none; } + +/*********** + * Dialogs * + ***********/ +.message-dialog { + -GtkDialog-button-spacing: 0; } + +GtkMessageDialog .titlebar { + border-style: none; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); } + +.dialog-action-area.linked .button { + padding: 6px; + border-radius: 0; + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .dialog-action-area.linked .button:hover { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .dialog-action-area.linked .button:active { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #212424, #2d3232 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .dialog-action-area.linked .button:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .dialog-action-area.linked .button:backdrop { + border-width: 1px; + border-style: solid; + color: #c9cbc9; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .dialog-action-area.linked .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.dialog-action-area.linked .button, .dialog-action-area.linked .button:hover, .dialog-action-area.linked .button:active, .dialog-action-area.linked .button:insensitive, .dialog-action-area.linked .button:backdrop, .dialog-action-area.linked .button:backdrop:insensitive { + border-style: solid none none solid; } +.dialog-action-area.linked .button:first-child { + border-style: solid none none none; } + +/*********** + * Sidebar * + ***********/ +.sidebar, +.sidebar .view { + border: none; + background-color: #454c4c; } + .sidebar .scrollbar.trough, + .sidebar .view .scrollbar.trough { + background-color: #212424; + border-radius: 6px; + border-width: 2px; + border-color: transparent; } + .sidebar .scrollbar.slider, + .sidebar .view .scrollbar.slider { + background-color: #454c4c; } + .sidebar .scrollbar.slider:hover, + .sidebar .view .scrollbar.slider:hover { + background-color: #515a5a; } + .sidebar:selected, + .sidebar .view:selected { + background-color: #215d9c; } + .sidebar:backdrop, + .sidebar .view:backdrop { + background-color: #454c4c; } + +GtkPaned { + margin: 16px; } + +.pane-separator { + background-image: linear-gradient(to bottom, #1c1f1f); } + .pane-separator:backdrop { + background-image: linear-gradient(to bottom, #1e2222); } + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-width: 0; + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #215d9c; + color: white; + text-shadow: 0 1px #184472; + border-color: #184472; } + .info .button, + .question .button, + .warning .button, + .error .button { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); + border-color: #0b1e33; + text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .info .button:hover, + .question .button:hover, + .warning .button:hover, + .error .button:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); + text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .info .button:active, + .question .button:active, + .warning .button:active, + .error .button:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #184472, #1c5187 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .info .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive { + border-width: 1px; + border-style: solid; + color: #939695; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #363a3a); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .info .button:backdrop, + .question .button:backdrop, + .warning .button:backdrop, + .error .button:backdrop { + border-width: 1px; + border-style: solid; + color: #393f3f; + border-color: #215d9c; + background-image: linear-gradient(to bottom, #215d9c); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .info .button:backdrop:insensitive, + .question .button:backdrop:insensitive, + .warning .button:backdrop:insensitive, + .error .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #454c4c; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +/************ + * Tooltips * + ************/ +.tooltip { + color: white; + padding: 4px; + /* not working */ + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.8); + text-shadow: 0 1px black; } + +.tooltip * { + padding: 4px; + background-color: transparent; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch { + border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } + GtkColorSwatch.color-light:hover { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4)); } + GtkColorSwatch.color-light:hover:backdrop { + background-image: none; } + GtkColorSwatch.color-dark:hover { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2)); } + GtkColorSwatch.color-dark:hover:backdrop { + background-image: none; } + GtkColorSwatch:hover { + border-color: rgba(0, 0, 0, 0.5); } + GtkColorSwatch:backdrop { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: none; } + GtkColorSwatch.top { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + GtkColorSwatch.bottom { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + GtkColorSwatch.left, GtkColorSwatch:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + GtkColorSwatch.right, GtkColorSwatch:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + GtkColorSwatch:only-child { + border-radius: 5px; } + GtkColorSwatch.color-active-badge { + border-width: 2px; } + GtkColorSwatch.color-active-badge:hover { + background-image: none; } + GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { + color: rgba(0, 0, 0, 0.3); + border-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); } + +GtkColorChooserWidget #add-color-button { + border-color: #2a2f2f; + background-color: #2a2f2f; + color: #393f3f; + box-shadow: none; } + GtkColorChooserWidget #add-color-button:hover { + border-color: #1c1f1f; + background-color: #1c1f1f; } + GtkColorChooserWidget #add-color-button:backdrop { + border-color: #2b3030; + background-color: #2b3030; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 7px 7px 0 0; + border-width: 0px; + box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.6); + /* this is used for the resize cursor area */ + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.3); } + .window-frame.tiled { + border-radius: 0; } + .window-frame.csd.popup { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5); } + .window-frame.csd.tooltip { + border-radius: 5px; + box-shadow: none; } + +.button.titlebutton { + padding: 8px; + border-color: transparent; + background-image: none; + transition-property: border, box-shadow, color; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + .button.titlebutton:hover { + border-width: 1px; + border-style: solid; + color: #eeeeec; + background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); + border-color: #1c1f1f; + text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } + .button.titlebutton:active { + border-width: 1px; + border-style: solid; + color: #eeeeec; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #212424, #2d3232 3%); + text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); } + .button.titlebutton:backdrop { + border-width: 1px; + border-style: solid; + color: #c9cbc9; + border-color: #1e2222; + background-image: linear-gradient(to bottom, #393f3f); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + border-color: transparent; + transition-property: border, box-shadow, color; } + +/* + * Gedit + */ +.gedit-search-slider { + border-radius: 0 0 6px 6px; + background-color: #393f3f; + padding: 6px; } diff --git a/gtk/resources/theme/Adwaita/gtk-dark.scss b/gtk/resources/theme/Adwaita/gtk-dark.scss new file mode 100644 index 0000000000..431e7b0027 --- /dev/null +++ b/gtk/resources/theme/Adwaita/gtk-dark.scss @@ -0,0 +1,5 @@ +$variant: 'dark'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; diff --git a/gtk/resources/theme/Adwaita/gtk.css b/gtk/resources/theme/Adwaita/gtk.css new file mode 100644 index 0000000000..dbdafc99e9 --- /dev/null +++ b/gtk/resources/theme/Adwaita/gtk.css @@ -0,0 +1,2078 @@ +/* GTK NAMED COLORS */ +@define-color theme_fg_color #2e3436; +@define-color theme_bg_color #ededed; +@define-color theme_base_color white; +@define-color theme_selected_bg_color #4a90d9; +@define-color theme_selected_fg_color white; +@define-color insensitive_bg_color #f4f4f4; +@define-color insensitive_fg_color #8d9091; +@define-color insensitive_base_color white; +@define-color theme_unfocused_fg_color #54595a; +@define-color theme_unfocused_bg_color #ededed; +@define-color theme_unfocused_base_color #fcfcfc; +@define-color theme_unfocused_selected_bg_color #4a90d9; +@define-color theme_unfocused_selected_fg_color white; +@define-color borders #a1a1a1; +@define-color unfocused_borders #a8a8a8; +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #73d216; +@define-color wm_title shade(#2e3436, 1.8); +@define-color wm_unfocused_title #54595a; +@define-color wm_highlight white; +@define-color wm_borders_edge white; +@define-color wm_bg_a shade(#ededed, 1.2); +@define-color wm_bg_b #ededed; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#ededed, 1.3); +@define-color wm_button_hover_color_b #ededed; +@define-color wm_button_active_color_a shade(#ededed, 0.85); +@define-color wm_button_active_color_b shade(#ededed, 0.89); +@define-color wm_button_active_color_c shade(#ededed, 0.9); +@define-color content_view_bg white; +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #cc0000; + -GtkPaned-handle-size: 1; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkWidget-link-color: #2a76c6; + -GtkWidget-visited-link-color: #2a76c6; + -GtkWidget-focus-padding: 2; + -GtkWidget-focus-line-width: 1; + -GtkWindow-resize-grip-width: 0; + -GtkWindow-resize-grip-height: 0; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(46, 52, 54, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; } + +/*************** + * Base States * + ***************/ +.background { + color: #2e3436; + background-color: #ededed; } + +.background:backdrop { + text-shadow: none; + icon-shadow: none; + color: #454f52; + background-color: #ededed; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +*:hover { + -gtk-image-effect: highlight; } + +.gtkstyle-fallback { + background-color: #ededed; + color: #2e3436; } + .gtkstyle-fallback:prelight { + background-color: white; + color: #2e3436; } + .gtkstyle-fallback:active { + background-color: lightgray; + color: #2e3436; } + .gtkstyle-fallback:insensitive { + background-color: #f4f4f4; + color: #8d9091; } + .gtkstyle-fallback:selected { + background-color: #4a90d9; + color: white; } + +.view { + color: #2e3436; + background-color: white; } + .view:backdrop { + color: #54595a; + background-color: #fcfcfc; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive { + opacity: 0.5; } + +/**************** + * Text Entries * + ****************/ +.entry { + padding: 4px; + border-radius: 3px; + transition: all 200ms ease-out; + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #f7f7f7, white 90%); + border-color: #a1a1a1; + box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px white; } + .entry:focus { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #f7f7f7, white 90%); + border-color: #4a90d9; + box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #dae8f7, 0 1px white; } + .entry:insensitive { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #f7f7f7, white 90%); + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + box-shadow: 0 1px white; } + .entry:backdrop { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #f7f7f7, white 90%); + color: #54595a; + background-image: linear-gradient(to bottom, #fcfcfc); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + .entry:backdrop:insensitive { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #f7f7f7, white 90%); + color: #c7c7c7; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: 0 1px rgba(255, 255, 255, 0); } + .entry:selected, .entry:backdrop:selected { + background-color: #4a90d9; + color: white; } + .entry.progressbar { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #4a90d9; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + .entry.progressbar:backdrop { + background-color: transparent; } + .linked .entry:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .linked .entry:first-child:dir(rtl) { + border-right-style: none; } + .linked .entry:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + .linked .entry:last-child:dir(rtl) { + border-left-style: solid; } + +/*********** + * Buttons * + ***********/ +.button { + border-radius: 3px; + transition: all 200ms ease-out; + padding: 4px 6px; + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white, 0 1px white; } + .button:hover { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white, 0 1px white; } + .button:active { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; } + .button:backdrop { + border-width: 1px; + border-style: solid; + color: #54595a; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button:backdrop:active { + border-width: 1px; + border-style: solid; + color: #54595a; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #d4d4d4); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button:backdrop:insensitive:active { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #e7e7e7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } + .button:insensitive:active { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #ebebeb); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } + .osd .button { + padding: 6px; + border-width: 1px; + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd .button:hover { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd .button:active { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + .osd .button:insensitive { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8)); + border-color: rgba(255, 255, 255, 0.2); + color: #8d9091; } + .osd .button:backdrop { + border-width: 1px; + border-style: solid; } + .button.suggested-action { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #89b7e6, #4a90d9 40%, #2a76c6); + border-color: #1c5187; + text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; } + .button.suggested-action:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #1c5187; + background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); + text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; } + .button.suggested-action:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #1c5187; + background-image: linear-gradient(to bottom, #256ab1, #2974c2 3%, #2a76c6); + text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; } + .button.suggested-action:backdrop { + border-width: 1px; + border-style: solid; + color: #ededed; + border-color: #4a90d9; + background-image: linear-gradient(to bottom, #4a90d9); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } + .button.destructive-action { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #f47070, #ef2929 40%, #d51010); + border-color: #8e0b0b; + text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; } + .button.destructive-action:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #8e0b0b; + background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); + text-shadow: 0 -1px rgba(0, 0, 0, 0.52878); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px white; } + .button.destructive-action:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #8e0b0b; + background-image: linear-gradient(to bottom, #bd0e0e, #d01010 3%, #d51010); + text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; } + .button.destructive-action:backdrop { + border-width: 1px; + border-style: solid; + color: #ededed; + border-color: #ef2929; + background-image: linear-gradient(to bottom, #ef2929); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } + .header-bar .button.text-button { + padding: 6px 8px 5px; } + .header-bar .button.image-button { + padding: 8px; } + .inline-toolbar .button, .inline-toolbar .button:backdrop { + border-radius: 2px; + border-width: 1px; } + .primary-toolbar .button { + icon-shadow: none; } + +.osd .button, .osd .button:hover, .osd .button:active, .osd .button:insensitive, .osd .button:backdrop, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked .button, .linked .button:backdrop { + border-radius: 0; + border-left-style: none; } + .osd .button:dir(rtl), .inline-toolbar .button:dir(rtl), .linked .button:dir(rtl) { + border-right-style: none; + border-left-style: solid; } + .osd .button:first-child, .inline-toolbar .button:first-child, .linked .button:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; } + .osd .button:last-child, .inline-toolbar .button:last-child, .linked .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .button:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked .button:last-child:dir(rtl) { + border-right-style: solid; } + .osd .button:only-child, .inline-toolbar .button:only-child, .linked .button:only-child { + border-radius: 3px; + border-style: solid; } + +GtkLinkButton.button, GtkLinkButton.button:hover, GtkLinkButton.button:active, GtkLinkButton.button:backdrop, .notebook tab .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +/* menu buttons */ +.menuitem.button, .menuitem.button:insensitive, .menuitem.button:active:insensitive { + color: #2e3436; + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + .menuitem.button:active { + color: white; + text-shadow: none; + icon-shadow: none; } + .menuitem.button:backdrop, .menuitem.button:backdrop:active:insensitive, .menuitem.button:hover:backdrop, .menuitem.button:insensitive:backdrop, .menuitem.button:active:insensitive:backdrop, .menuitem.button:active:backdrop, .menuitem.button:active:hover:backdrop, .menuitem.button:active:selected:backdrop { + text-shadow: none; + icon-shadow: none; + color: #8d9091; + background-image: linear-gradient(to bottom, #ededed); + border: none; + box-shadow: none; } + +GtkColorButton.button { + padding: 4px; } + +.inline-toolbar.toolbar GtkToolButton .button { + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white, 0 1px white; } + +/********* + * Links * + *********/ +GtkLinkButton.button { + color: #4a90d9; + text-shadow: none; } + GtkLinkButton.button:hover, GtkLinkButton.button:active { + color: #3e6b97; + text-shadow: none; } + GtkLinkButton.button:backdrop { + color: #4a90d9; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton .button { + background-image: none; + border-width: 0 0 0 1px; + border-color: rgba(161, 161, 161, 0.3); + border-radius: 0; + box-shadow: none; } + .spinbutton .button:dir(rtl) { + border-width: 0 1px 0 0; } + .spinbutton .button:insensitive { + color: rgba(141, 144, 145, 0.3); } + .spinbutton .button:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .spinbutton .button:backdrop { + border-color: rgba(168, 168, 168, 0.3); } + .spinbutton .button:backdrop:insensitive { + color: rgba(199, 199, 199, 0.3); + border-width: 0 0 0 1px; } + .spinbutton .button:backdrop:insensitive:dir(rtl) { + border-width: 0 1px 0 0; } +.spinbutton.vertical .button:first-child { + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .spinbutton.vertical .button:first-child:active { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .spinbutton.vertical .button:first-child:hover { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .spinbutton.vertical .button:first-child:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.spinbutton.vertical .button:last-child { + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white, 0 1px white; } + .spinbutton.vertical .button:last-child:active { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; } + .spinbutton.vertical .button:last-child:hover { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white, 0 1px white; } + .spinbutton.vertical .button:last-child:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } +.spinbutton.vertical .button:backdrop { + border-width: 1px; + border-style: solid; + color: #54595a; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } +.spinbutton.vertical .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.spinbutton.vertical.entry { + border-radius: 0; } +.spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive { + border-radius: 3px 3px 0 0; + border-bottom-width: 0; } +.spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive { + border-radius: 0 0 3px 3px; + border-top-width: 0; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + padding: 0; + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + box-shadow: 0 1px white; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } + GtkComboBox:insensitive { + color: #8d9091; + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop { + color: #54595a; + text-shadow: none; + icon-shadow: none; } + GtkComboBox:backdrop:insensitive { + color: #c7c7c7; } + GtkComboBox .menuitem { + text-shadow: none; } + GtkComboBox .separator { + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; } + GtkComboBox.combobox-entry .entry { + border-radius: 3px 0 0 3px; } + GtkComboBox.combobox-entry .entry:dir(rtl) { + border-radius: 0 3px 3px 0; } + GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { + border-radius: 0 3px 3px 0; + border-left-style: none; } + GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:backdrop:dir(rtl) { + border-radius: 3px 0 0 3px; + border-left-style: solid; + border-right-style: none; } + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + background-color: #ededed; } + .toolbar.osd { + background-color: rgba(0, 0, 0, 0.8); + border-radius: 6px; + padding: 12px; } + .toolbar.inline-toolbar { + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 4px 4px; } + .toolbar.search-bar { + border-width: 0 0 1px; + padding: 3px; } + +.toolbar.inline-toolbar, .toolbar.search-bar { + border-style: solid; + border-color: #a1a1a1; + background-color: #d6d6d6; + box-shadow: inset 0 2px 3px -1px #b6b6b6; } + .toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop { + border-color: #a8a8a8; + background-color: #d4d4d4; + box-shadow: none; } + +.action-bar { + padding: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar, +.header-bar { + border-width: 0 0 1px; + border-style: solid; + border-color: #a1a1a1; + border-radius: 7px 7px 0 0; + background-color: transparent; + background-image: linear-gradient(to bottom, #f7f7f7, #ededed); + box-shadow: inset 0 -1px #d6d6d6, inset 0 1px white; + padding: 6px; } + .titlebar:backdrop, + .header-bar:backdrop { + border-color: #a8a8a8; + background-color: #ededed; + background-image: none; + box-shadow: none; } + .titlebar .title, + .header-bar .title { + font: Bold; + padding: 0px 12px; } + .titlebar .subtitle, + .header-bar .subtitle { + font-size: 80%; + padding: 0 12px; } + .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, + .header-bar .header-bar-separator, + .header-bar > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(161, 161, 161, 0), #a1a1a1 30%, #a1a1a1 70%, rgba(161, 161, 161, 0) 100%) 0 1/0 1px stretch; } + .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, + .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop { + border-image: linear-gradient(to bottom, rgba(168, 168, 168, 0.5)) 0 1/1px 1px; } + .titlebar.selection-mode, + .header-bar.selection-mode { + color: #256ab1; + text-shadow: 0 1px rgba(0, 0, 0, 0.5); + background-image: linear-gradient(to bottom, #5f9ddd, #5295db); + box-shadow: inset 0 -1px #d6d6d6, inset 0 1px #a4c7ec; } + .titlebar.selection-mode .button, + .header-bar.selection-mode .button { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #89b7e6, #4a90d9 40%, #2a76c6); + border-color: #1c5187; + text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar.selection-mode .button:hover, + .header-bar.selection-mode .button:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #1c5187; + background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); + text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar.selection-mode .button:active, + .header-bar.selection-mode .button:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #1c5187; + background-image: linear-gradient(to bottom, #256ab1, #2974c2 3%, #2a76c6); + text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .titlebar.selection-mode .button:insensitive, + .header-bar.selection-mode .button:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button:backdrop, + .header-bar.selection-mode .button:backdrop { + border-width: 1px; + border-style: solid; + color: #ededed; + border-color: #4a90d9; + background-image: linear-gradient(to bottom, #4a90d9); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button:backdrop:insensitive, + .header-bar.selection-mode .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button.suggested-action, + .header-bar.selection-mode .button.suggested-action { + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .titlebar.selection-mode .button.suggested-action:hover, + .header-bar.selection-mode .button.suggested-action:hover { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .titlebar.selection-mode .button.suggested-action:active, + .header-bar.selection-mode .button.suggested-action:active { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .titlebar.selection-mode .button.suggested-action:insensitive, + .header-bar.selection-mode .button.suggested-action:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button.suggested-action:backdrop, + .header-bar.selection-mode .button.suggested-action:backdrop { + border-width: 1px; + border-style: solid; + color: #54595a; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .titlebar.selection-mode .button.suggested-action:backdrop:insensitive, + .header-bar.selection-mode .button.suggested-action:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .tiled .titlebar, .maximized .titlebar, .tiled + .header-bar, .maximized + .header-bar { + border-radius: 0; } + +/************** + * Tree Views * + **************/ +column-header .button, +column-header .button:hover, +column-header .button:active, +column-header .button:backdrop { + border-width: 0 1px 1px 0; + border-color: transparent; + box-shadow: none; + border-radius: 0; + border-image: linear-gradient(to top, #d0d0d0, white) 0 1 1 0; + background-image: none; + background-color: white; + color: #96999a; + text-shadow: none; + font-weight: bold; } + +/********* + * Menus * + *********/ +.menubar { + padding: 0px; + background-color: #e3e3e3; } + .menubar:backdrop { + background-color: #ededed; } + .menubar > .menuitem { + padding: 4px 8px; } + .menubar > .menuitem:hover { + box-shadow: inset 0 -3px #4a90d9; + color: #4a90d9; } + .menubar > .menuitem:insensitive { + color: #8d9091; + box-shadow: none; } + +.menu { + padding: 0px; + background-color: white; } + .menu .menuitem { + padding: 4px; } + .menu .menuitem:hover { + color: white; + background-color: #4a90d9; } + .menu .menuitem:insensitive { + color: #8d9091; } + .menu .menuitem:insensitive:backdrop { + color: #c7c7c7; } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { + color: #54595a; + background-color: #fcfcfc; } + .menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +/*************** + * Popovers * + ***************/ +GtkPopover { + margin: 10px; + padding: 2px; + border-color: #a1a1a1; + border-width: 1px; + border-style: solid; + border-radius: 5px; + background-color: #ededed; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } + GtkPopover:backdrop { + box-shadow: none; } + GtkPopover > .list, GtkPopover > .view, GtkPopover > .toolbar { + background-color: transparent; } + GtkPopover .separator { + font-size: 80%; + font-weight: bold; + color: #c6c8c8; + text-shadow: none; + background-color: transparent; + icon-shadow: none; + border: 0; } + GtkPopover .button, + GtkPopover .button:hover { + text-shadow: none; + transition: none; } + GtkPopover.osd { + background-image: none; + background-color: rgba(0, 0, 0, 0.8); + border: 1px solid #a1a1a1; + color: white; } + GtkPopover.osd .button { + color: white; + text-shadow: none; + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + GtkPopover.osd .button:hover { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.01)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + GtkPopover.osd .button:active { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1)); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: none; } + GtkPopover.osd .button:insensitive { + border-width: 1px; + border-style: solid; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8)); + border-color: rgba(255, 255, 255, 0.2); + color: #8d9091; } + +.cursor-handle { + background-color: transparent; + background-image: none; } + .cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + .cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +.notebook { + padding: 0; + background-color: white; + -GtkNotebook-initial-gap: 10; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms ease-out; } + .notebook:backdrop { + background-color: #fcfcfc; } + .notebook.frame { + border: 1px solid #a1a1a1; } + .notebook.frame.top { + border-top-width: 0; } + .notebook.frame.bottom { + border-bottom-width: 0; } + .notebook.frame.right { + border-right-width: 0; } + .notebook.frame.left { + border-left-width: 0; } + .notebook.frame:backdrop { + border-color: #a8a8a8; } + .notebook.header { + background-color: #d6d6d6; } + .notebook.header.frame { + border: 1px solid #a1a1a1; } + .notebook.header.frame.top { + border-bottom-width: 0; } + .notebook.header.frame.bottom { + border-top-width: 0; } + .notebook.header.frame.right { + border-left-width: 0; } + .notebook.header.frame.left { + border-right-width: 0; } + .notebook.header.frame:backdrop { + border-color: #a8a8a8; } + .notebook.header.top { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #a1a1a1; } + .notebook.header.top:backdrop { + box-shadow: inset 0 -1px #a8a8a8; } + .notebook.header.bottom { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #a1a1a1; } + .notebook.header.bottom:backdrop { + box-shadow: inset 0 1px #a8a8a8; } + .notebook.header.right { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #a1a1a1; } + .notebook.header.right:backdrop { + box-shadow: inset 1px 0 #a8a8a8; } + .notebook.header.left { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #a1a1a1; } + .notebook.header.left:backdrop { + box-shadow: inset -1px 0 #a8a8a8; } + .notebook.header:backdrop { + background-color: #d4d4d4; + box-shadow: none; } + .notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-offset: 0; } + .notebook tab.top, .notebook tab.bottom { + padding: 8px 20px; } + .notebook tab.left, .notebook tab.right { + padding: 5px 20px; } + .notebook tab.top { + padding-bottom: 5px; + border-bottom-width: 3px; } + .notebook tab.bottom { + padding-top: 5px; + border-top-width: 3px; } + .notebook tab.left { + padding-right: 17px; + border-right-width: 3px; } + .notebook tab.right { + padding-left: 17px; + border-left-width: 3px; } + .notebook tab:hover { + border-color: #a1a1a1; } + .notebook tab:active, .notebook tab:backdrop:active { + border-color: #4a90d9; } + .notebook tab:backdrop { + background-color: transparent; + border-color: transparent; } + .notebook tab.reorderable-page { + border-color: transparent; + border-left: 1px solid transparent; + border-right: 1px solid transparent; } + .notebook tab.reorderable-page:hover { + border-color: rgba(161, 161, 161, 0.3); + border-bottom-color: rgba(161, 161, 161, 0.3); + background-color: rgba(237, 237, 237, 0.2); } + .notebook tab.reorderable-page:active, .notebook tab.reorderable-page.active-page { + background-color: rgba(237, 237, 237, 0.5); + border-color: rgba(161, 161, 161, 0.5); + border-bottom-color: #4a90d9; } + .notebook tab.reorderable-page:active:hover, .notebook tab.reorderable-page.active-page:hover { + background-color: rgba(237, 237, 237, 0.7); } + .notebook tab.reorderable-page:active:backdrop, .notebook tab.reorderable-page.active-page:backdrop { + border-left-color: #a8a8a8; + border-right-color: #a8a8a8; + background-color: #ededed; + border-bottom-color: #4a90d9; } + .notebook tab.reorderable-page:backdrop { + border-color: transparent; + background-color: transparent; } + .notebook tab GtkLabel { + padding: 0 2px; + font-weight: bold; + color: #8d9091; } + .notebook tab GtkLabel.prelight-page { + color: #5d6263; } + .notebook tab GtkLabel.active-page { + color: #2e3436; } + .notebook tab GtkLabel.active-page:backdrop { + color: #54595a; } + .notebook tab GtkLabel:backdrop { + color: #8d9090; } + .notebook tab .button { + border: 1px solid transparent; + icon-shadow: none; + transition: none; + color: inherit; } + .notebook tab .button:hover { + border-color: #a1a1a1; + text-shadow: none; } + .notebook tab .button:active { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); } + .notebook tab .button > GtkImage { + padding: 2px; } + +.notebook > .frame, +.notebook > .view { + border: none; } + +/************** + * Scrollbars * + **************/ +.scrollbar { + background-clip: padding-box; + background-image: none; + border-style: solid; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 13; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + .scrollbar .button { + border: none; } + .scrollbar.trough { + background-color: #e0e0e0; } + .scrollbar.trough:backdrop { + background-color: transparent; } + .scrollbar.slider { + border-radius: 20px; + border: 3px solid transparent; + background-color: #b3b5b6; } + .scrollbar.slider:backdrop, .scrollbar.slider:insensitive { + background-color: #d9dada; } + .scrollbar.slider:hover { + background-color: #8d9091; } + .scrollbar.slider:prelight:active { + background-color: #4a90d9; } + .scrollbar.slider.fine-tune { + border-width: 5px; } + .scrollbar.slider.fine-tune:prelight:active { + background-color: #4a90d9; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 47px; + font: bold condensed 9; + outline-offset: -4px; } + GtkSwitch.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #a1a1a1; + background-color: #cecece; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; + text-shadow: 0 1px rgba(0, 0, 0, 0.1); } + GtkSwitch.trough:active { + color: white; + border-color: #184472; + background-color: #4a90d9; + box-shadow: 0 1px white; + text-shadow: 0 0 2px white; } + GtkSwitch.trough:insensitive { + color: #8d9091; + border-color: #a1a1a1; + background-color: #f4f4f4; + box-shadow: 0 1px white; + text-shadow: none; } + GtkSwitch.trough:backdrop { + color: #54595a; + border-color: #a8a8a8; + background-color: #ededed; + box-shadow: none; + text-shadow: none; } + GtkSwitch.trough:backdrop:active { + color: #ededed; + border-color: #4a90d9; + background-color: #4a90d9; + box-shadow: none; } + GtkSwitch.trough:backdrop:insensitive { + color: #c7c7c7; + border-color: #c7c7c7; } + GtkSwitch.slider { + border-radius: 3px; + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; } + GtkSwitch.slider:active { + border: 1px solid #184472; } + GtkSwitch.slider:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + GtkSwitch.slider:backdrop { + border-width: 1px; + border-style: solid; + color: #54595a; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + GtkSwitch.slider:backdrop:active { + border-color: #4a90d9; } + GtkSwitch.slider:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +/************************* + * Check and Radio items * + *************************/ +.check { + background-image: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:hover { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:selected { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent { + background-image: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:selected { + background-image: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:backdrop { + background-image: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:inconsistent:insensitive:backdrop { + background-image: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:active { + background-image: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:active:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:hover:active { + background-image: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:active:selected { + background-image: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop:active { + background-image: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.check:backdrop:active:insensitive { + background-image: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.menuitem.check { + color: rgba(46, 52, 54, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } + .menuitem.check:hover { + color: rgba(255, 255, 255, 0.1); } + .menuitem.check:active { + color: #2e3436; } + .menuitem.check:active:hover { + color: white; } + .menuitem.check:active:insensitive { + color: #8d9091; + background-image: none; } + .menuitem.check:active:insensitive:backdrop { + color: #c7c7c7; } + .menuitem.check:active:backdrop { + color: #54595a; } + .menuitem.check:insensitive { + color: rgba(141, 144, 145, 0.1); } + .menuitem.check:insensitive:backdrop { + color: transparent; } + .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } + +GtkTreeView.view.check { + color: rgba(46, 52, 54, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } + GtkTreeView.view.check:active { + color: #2e3436; } + GtkTreeView.view.check:active:insensitive { + color: #8d9091; } + GtkTreeView.view.check:active:insensitive:backdrop { + color: #c7c7c7; } + GtkTreeView.view.check:active:backdrop { + color: #54595a; } + GtkTreeView.view.check:insensitive { + color: rgba(141, 144, 145, 0.1); } + GtkTreeView.view.check:insensitive:backdrop { + color: transparent; } + GtkTreeView.view.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } + GtkTreeView.view.check:selected { + color: rgba(255, 255, 255, 0.1); } + GtkTreeView.view.check:selected:active { + color: white; } + GtkTreeView.view.check:selected:active:backdrop { + color: #fcfcfc; } + GtkTreeView.view.check:selected:backdrop { + color: rgba(84, 89, 90, 0.1); } + +GtkPopover .button.check:hover { + color: rgba(46, 52, 54, 0.1); } + GtkPopover .button.check:hover:active { + color: #2e3436; } + GtkPopover .button.check:hover:active:selected { + color: white; } + GtkPopover .button.check:hover:active:backdrop { + color: #54595a; } + +.radio { + background-image: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:hover { + background-image: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:selected { + background-image: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:insensitive { + background-image: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop { + background-image: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop:insensitive { + background-image: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent { + background-image: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:selected { + background-image: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:backdrop { + background-image: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:insensitive { + background-image: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:inconsistent:insensitive:backdrop { + background-image: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:active { + background-image: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:active:insensitive { + background-image: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:hover:active { + background-image: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:active:selected { + background-image: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop:active { + background-image: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.radio:backdrop:active:insensitive { + background-image: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); + background-repeat: no-repeat; + background-position: center; } + +.menuitem.radio { + color: rgba(46, 52, 54, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } + .menuitem.radio:hover { + color: rgba(255, 255, 255, 0.1); } + .menuitem.radio:active { + color: #2e3436; } + .menuitem.radio:active:hover { + color: white; } + .menuitem.radio:active:insensitive { + color: #8d9091; + background-image: none; } + .menuitem.radio:active:insensitive:backdrop { + color: #c7c7c7; } + .menuitem.radio:active:backdrop { + color: #54595a; } + .menuitem.radio:insensitive { + color: rgba(141, 144, 145, 0.1); } + .menuitem.radio:insensitive:backdrop { + color: transparent; } + .menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } + +GtkTreeView.view.radio { + color: rgba(46, 52, 54, 0.1); + background-image: none; + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } + GtkTreeView.view.radio:active { + color: #2e3436; } + GtkTreeView.view.radio:active:insensitive { + color: #8d9091; } + GtkTreeView.view.radio:active:insensitive:backdrop { + color: #c7c7c7; } + GtkTreeView.view.radio:active:backdrop { + color: #54595a; } + GtkTreeView.view.radio:insensitive { + color: rgba(141, 144, 145, 0.1); } + GtkTreeView.view.radio:insensitive:backdrop { + color: transparent; } + GtkTreeView.view.radio:inconsistent { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } + GtkTreeView.view.radio:selected { + color: rgba(255, 255, 255, 0.1); } + GtkTreeView.view.radio:selected:active { + color: white; } + GtkTreeView.view.radio:selected:active:backdrop { + color: #fcfcfc; } + GtkTreeView.view.radio:selected:backdrop { + color: rgba(84, 89, 90, 0.1); } + +GtkPopover .button.radio:hover { + color: rgba(46, 52, 54, 0.1); } + GtkPopover .button.radio:hover:active { + color: #2e3436; } + GtkPopover .button.radio:hover:active:selected { + color: white; } + GtkPopover .button.radio:hover:active:backdrop { + color: #54595a; } + +GtkCheckButton.text-button:selected { + background-color: transparent; } + +/************ + * GtkScale * + ************/ +.scale { + -GtkScale-slider-length: 20; + -GtkRange-slider-width: 20; + -GtkRange-trough-border: 2; + outline-offset: -9px; + margin: 10px; } + .scale.slider { + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white, 0 1px white; + border-radius: 50%; + border-color: #999999; + box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; } + .scale.slider:insensitive { + background-image: linear-gradient(to bottom, #f4f4f4); + box-shadow: none; } + .scale.slider:backdrop { + border-color: #a0a0a0; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: none; } + .scale.slider:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .scale.slider:active { + border: 1px solid #153d65; } + .scale.slider.fine-tune:active { + border: 4px solid transparent; + box-shadow: inset 0 2px white, inset 0 0 0 1px #153d65; } + .scale.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #a1a1a1; + background-color: #cecece; + box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } + .scale.trough.highlight { + border-color: #184472; + background-color: #4a90d9; + box-shadow: 0 1px white; } + .scale.trough.highlight:backdrop { + border-color: #4a90d9; + background-color: #4a90d9; + box-shadow: none; } + .scale.trough:insensitive, .scale.trough.hilight:insensitive { + border-color: #a1a1a1; + background-color: #f4f4f4; + box-shadow: 0 1px white; } + .scale.trough:backdrop { + border-color: #a8a8a8; + background-color: #c7c7c7; + box-shadow: none; } + .scale.trough:backdrop:insensitive, .scale.trough .hilight:backdrop:insensitive { + border-color: #c7c7c7; + background-color: #ededed; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + padding: 0; + font-size: 83%; + color: rgba(46, 52, 54, 0.4); } + GtkProgressBar:backdrop { + color: #c7c7c7; } + +.progressbar { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #184472; + background-color: #4a90d9; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } + .progressbar.vertical { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); } + .progressbar:backdrop { + border-color: #4a90d9; + background-color: #4a90d9; + box-shadow: none; } + .progressbar.osd { + border-width: 0; + border-radius: 0; + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; } + +GtkProgressBar.trough { + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #a1a1a1; + background-color: #d2d2d2; + box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } + GtkProgressBar.trough:backdrop { + border-color: #a8a8a8; + background-color: #d4d4d4; + box-shadow: 0 1px rgba(255, 255, 255, 0); } + GtkProgressBar.trough.osd { + background-color: transparent; + box-shadow: none; + border-width: 0; } + +/************* + * Level Bar * + *************/ +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: 3px; + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #f7f7f7, white 90%); + border-color: #a1a1a1; + box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px white; } + .level-bar.trough:backdrop { + background-color: transparent; + border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, #f7f7f7, white 90%); + color: #54595a; + background-image: linear-gradient(to bottom, #fcfcfc); + box-shadow: 0 1px rgba(255, 255, 255, 0); } +.level-bar.fill-block { + border-width: 1px; + border-style: solid; + border-color: #2a76c6; + background-color: #4a90d9; + box-shadow: 0 1px rgba(0, 0, 0, 0.1); + border-radius: 1px; } + .level-bar.fill-block:backdrop { + border-color: #4a90d9; + box-shadow: none; } + .level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; } + .level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; } + .level-bar.fill-block.level-high { + border-color: #5aa411; + background-color: #73d216; } + .level-bar.fill-block.level-high:backdrop { + border-color: #73d216; } + .level-bar.fill-block.level-low { + border-color: #c26000; + background-color: #f57900; } + .level-bar.fill-block.level-low:backdrop { + border-color: #f57900; } + .level-bar.fill-block.empty-fill-block { + background-color: transparent; + border-color: rgba(46, 52, 54, 0.2); + box-shadow: none; } + .level-bar.fill-block.empty-fill-block:backdrop { + border-color: rgba(84, 89, 90, 0.15); } + +.view:selected, .view:selected:focus, .view:selected:hover, .entry:selected, .entry:selected:focus, .button:selected, .button:selected:focus { + background-color: #4a90d9; + color: white; } + .view:backdrop:selected, .entry:backdrop:selected, .button:backdrop:selected { + color: #fcfcfc; } + +/********** + * Frames * + **********/ +.frame { + border: 1px solid #a1a1a1; + padding: 0; } + .frame:backdrop { + border-color: #a8a8a8; } + +GtkScrolledWindow .frame { + border-radius: 2px; } +GtkScrolledWindow GtkViewport.frame { + border-style: none; } + +.separator { + color: rgba(0, 0, 0, 0.1); } + +/********* + * Lists * + *********/ +.list { + background-color: white; + border-color: #a1a1a1; } + .list:backdrop { + background-color: #fcfcfc; + border-color: #a8a8a8; } + +/********************* + * App Notifications * + *********************/ +.app-notification { + border-width: 0 1px 1px; + border-style: solid; + border-color: #a1a1a1; + border-radius: 0 0 6px 6px; + background-image: linear-gradient(to bottom, #dedede 5%, #e3e3e3); + padding: 0 4px; } + .app-notification .button { + padding: 6px; } + +/************* + * Expanders * + *************/ +GtkExpander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + GtkExpander:hover { + color: #748489; } + GtkExpander:active { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ + * Calendar * + ***********/ +GtkCalendar { + border: 1px solid #a1a1a1; } + GtkCalendar.button { + padding: 0 4px; + color: #d0d0d0; + background-image: none; + background-color: transparent; } + GtkCalendar.button:hover { + background-image: none; + color: #2e3436; } + GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover { + color: #d2d2d2; + background-image: none; } + +/*********** + * Dialogs * + ***********/ +.message-dialog { + -GtkDialog-button-spacing: 0; } + +GtkMessageDialog .titlebar { + border-style: none; + box-shadow: inset 0 1px white; } + +.dialog-action-area.linked .button { + padding: 6px; + border-radius: 0; + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .dialog-action-area.linked .button:hover { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .dialog-action-area.linked .button:active { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .dialog-action-area.linked .button:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .dialog-action-area.linked .button:backdrop { + border-width: 1px; + border-style: solid; + color: #54595a; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .dialog-action-area.linked .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.dialog-action-area.linked .button, .dialog-action-area.linked .button:hover, .dialog-action-area.linked .button:active, .dialog-action-area.linked .button:insensitive, .dialog-action-area.linked .button:backdrop, .dialog-action-area.linked .button:backdrop:insensitive { + border-style: solid none none solid; } +.dialog-action-area.linked .button:first-child { + border-style: solid none none none; } + +/*********** + * Sidebar * + ***********/ +.sidebar, +.sidebar .view { + border: none; + background-color: #fafafa; } + .sidebar .scrollbar.trough, + .sidebar .view .scrollbar.trough { + background-color: lightgray; + border-radius: 6px; + border-width: 2px; + border-color: transparent; } + .sidebar .scrollbar.slider, + .sidebar .view .scrollbar.slider { + background-color: #fafafa; } + .sidebar .scrollbar.slider:hover, + .sidebar .view .scrollbar.slider:hover { + background-color: white; } + .sidebar:selected, + .sidebar .view:selected { + background-color: #4a90d9; } + .sidebar:backdrop, + .sidebar .view:backdrop { + background-color: #fafafa; } + +GtkPaned { + margin: 16px; } + +.pane-separator { + background-image: linear-gradient(to bottom, #a1a1a1); } + .pane-separator:backdrop { + background-image: linear-gradient(to bottom, #a8a8a8); } + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-width: 0; + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #4a90d9; + color: white; + text-shadow: 0 1px #2a76c6; + border-color: #2a76c6; } + .info .button, + .question .button, + .warning .button, + .error .button { + border-width: 1px; + border-style: solid; + color: white; + background-image: linear-gradient(to bottom, #89b7e6, #4a90d9 40%, #2a76c6); + border-color: #1c5187; + text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .info .button:hover, + .question .button:hover, + .warning .button:hover, + .error .button:hover { + border-width: 1px; + border-style: solid; + color: white; + border-color: #1c5187; + background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); + text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .info .button:active, + .question .button:active, + .warning .button:active, + .error .button:active { + border-width: 1px; + border-style: solid; + color: white; + border-color: #1c5187; + background-image: linear-gradient(to bottom, #256ab1, #2974c2 3%, #2a76c6); + text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); } + .info .button:insensitive, + .question .button:insensitive, + .warning .button:insensitive, + .error .button:insensitive { + border-width: 1px; + border-style: solid; + color: #8d9091; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #f4f4f4); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .info .button:backdrop, + .question .button:backdrop, + .warning .button:backdrop, + .error .button:backdrop { + border-width: 1px; + border-style: solid; + color: #ededed; + border-color: #4a90d9; + background-image: linear-gradient(to bottom, #4a90d9); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .info .button:backdrop:insensitive, + .question .button:backdrop:insensitive, + .warning .button:backdrop:insensitive, + .error .button:backdrop:insensitive { + border-width: 1px; + border-style: solid; + color: #c7c7c7; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + +/************ + * Tooltips * + ************/ +.tooltip { + color: white; + padding: 4px; + /* not working */ + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.8); + text-shadow: 0 1px black; } + +.tooltip * { + padding: 4px; + background-color: transparent; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch { + border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } + GtkColorSwatch.color-light:hover { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4)); } + GtkColorSwatch.color-light:hover:backdrop { + background-image: none; } + GtkColorSwatch.color-dark:hover { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2)); } + GtkColorSwatch.color-dark:hover:backdrop { + background-image: none; } + GtkColorSwatch:hover { + border-color: rgba(0, 0, 0, 0.5); } + GtkColorSwatch:backdrop { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: none; } + GtkColorSwatch.top { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + GtkColorSwatch.bottom { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + GtkColorSwatch.left, GtkColorSwatch:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + GtkColorSwatch.right, GtkColorSwatch:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + GtkColorSwatch:only-child { + border-radius: 5px; } + GtkColorSwatch.color-active-badge { + border-width: 2px; } + GtkColorSwatch.color-active-badge:hover { + background-image: none; } + GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { + color: rgba(0, 0, 0, 0.3); + border-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); } + +GtkColorChooserWidget #add-color-button { + border-color: #c7c7c7; + background-color: #c7c7c7; + color: #ededed; + box-shadow: none; } + GtkColorChooserWidget #add-color-button:hover { + border-color: #a1a1a1; + background-color: #a1a1a1; } + GtkColorChooserWidget #add-color-button:backdrop { + border-color: #cacaca; + background-color: #cacaca; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 7px 7px 0 0; + border-width: 0px; + box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2); + /* this is used for the resize cursor area */ + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.3); } + .window-frame.tiled { + border-radius: 0; } + .window-frame.csd.popup { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } + .window-frame.csd.tooltip { + border-radius: 5px; + box-shadow: none; } + +.button.titlebutton { + padding: 8px; + border-color: transparent; + background-image: none; + transition-property: border, box-shadow, color; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .button.titlebutton:hover { + border-width: 1px; + border-style: solid; + color: #2e3436; + background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray); + border-color: #a1a1a1; + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white, 0 1px white; } + .button.titlebutton:active { + border-width: 1px; + border-style: solid; + color: #2e3436; + border-color: #a1a1a1; + background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; } + .button.titlebutton:backdrop { + border-width: 1px; + border-style: solid; + color: #54595a; + border-color: #a8a8a8; + background-image: linear-gradient(to bottom, #ededed); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + border-color: transparent; + transition-property: border, box-shadow, color; } diff --git a/gtk/resources/theme/Adwaita/gtk.scss b/gtk/resources/theme/Adwaita/gtk.scss new file mode 100644 index 0000000000..84fbdc5f50 --- /dev/null +++ b/gtk/resources/theme/Adwaita/gtk.scss @@ -0,0 +1,11 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; diff --git a/gtk/resources/theme/Adwaita/parse-sass.sh b/gtk/resources/theme/Adwaita/parse-sass.sh new file mode 100755 index 0000000000..cc1c40fcab --- /dev/null +++ b/gtk/resources/theme/Adwaita/parse-sass.sh @@ -0,0 +1,3 @@ +#! /usr/bin/which bash + +sass --update . diff --git a/gtk/resources/theme/Adwaita/render-assets.sh b/gtk/resources/theme/Adwaita/render-assets.sh new file mode 100755 index 0000000000..24d7675afe --- /dev/null +++ b/gtk/resources/theme/Adwaita/render-assets.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0 diff --git a/gtk/resources/theme/Adwaita/render-borders.sh b/gtk/resources/theme/Adwaita/render-borders.sh new file mode 100755 index 0000000000..bc01c1a104 --- /dev/null +++ b/gtk/resources/theme/Adwaita/render-borders.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="borders" +INDEX="borders.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0