diff options
Diffstat (limited to 'themes/ayaya/gtk-3.0')
52 files changed, 6141 insertions, 0 deletions
diff --git a/themes/ayaya/gtk-3.0/apps/gnome-applications.css b/themes/ayaya/gtk-3.0/apps/gnome-applications.css new file mode 100644 index 0000000..198263e --- /dev/null +++ b/themes/ayaya/gtk-3.0/apps/gnome-applications.css @@ -0,0 +1,397 @@ +/*********************** + * fallback mode panel * + ***********************/ +PanelWidget, +PanelApplet, +PanelToplevel { + padding: 0; + background-color: @panel_bg_color; + background-image: none; + color: @panel_fg_color; +} + +PanelApplet { + border-width: 0; +} + +PanelSeparator { + border-width: 0; + background-color: @panel_bg_color; + background-image: none; + color: @panel_fg_color; +} + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelApplet > GtkMenuBar.menubar.menuitem, +PanelMenuBar.menubar, +PanelMenuBar.menubar.menuitem { + -PanelMenuBar-icon-visible: true; + + border-width: 0; + color: #ff00000; + padding-right: 20px; + background-image: none; +} + +PanelAppletFrame { + border-width: 0; + background-color: @panel_bg_color; + background-image: none; +} + +PanelApplet .button { + -GtkButton-inner-border: 2; + + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: @panel_bg_color; + background-image: none; + color: @panel_fg_color; +} + +PanelApplet .button:active { + border-width: 0 1px; + border-radius: 0; + border-color: mix(@panel_bg_color, @panel_fg_color, 0.21); + background-color: mix(@panel_bg_color, @panel_fg_color, 0.21); + background-image: none; + color: shade(@panel_fg_color, 1.08); +} + +PanelApplet .button:prelight { + border-color: mix(@panel_bg_color, @panel_fg_color, 0.11); + background-color: mix(@panel_bg_color, @panel_fg_color, 0.11); + background-image: none; + color: shade(@panel_fg_color, 1.08); +} + +PanelApplet .button:active:prelight { + border-color: mix(@panel_bg_color, @panel_fg_color, 0.31); + background-color: mix(@panel_bg_color, @panel_fg_color, 0.31); + background-image: none; + color: shade(@panel_fg_color, 1.08); +} + +WnckPager, WnckTasklist { + background-color: @panel_bg_color; +} + +/************ + * nautilus * + ************/ +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px black; +} + +.nautilus-desktop.nautilus-canvas-item:active { + color: @theme_fg_color; +} + +.nautilus-desktop.nautilus-canvas-item:selected { + color: @theme_selected_fg_color; +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { + text-shadow: none; +} + +NautilusWindow .toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: shade(@toolbar_bg_color, 0.8); +} + +NautilusWindow .sidebar .frame { + border-style: none; +} + +NautilusWindow > GtkGrid > .pane-separator, +NautilusWindow > GtkGrid > .pane-separator:hover { + border-width: 0 1px 0 0; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: @theme_bg_color; +} + +NautilusNotebook.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +NautilusNotebook .frame { + border-width: 0; +} + +NautilusQueryEditor .search-bar.toolbar { + border-top-width: 0; + border-bottom-width: 0; +} + +NautilusQueryEditor .toolbar { + padding-top: 3px; + padding-bottom: 2px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: @toolbar_bg_color; + background-color: shade(@toolbar_bg_color, 0.9); +} + +NautilusQueryEditor .toolbar:nth-child(2) { + border-color: shade(@toolbar_bg_color, 0.8); +} + +NautilusQueryEditor .toolbar:last-child, +NautilusQueryEditor .search-bar.toolbar:only-child { + border-bottom-width: 1px; + border-bottom-color: shade(@toolbar_bg_color, 0.8); +} + +/****************** + * gnome terminal * + ******************/ +VteTerminal { + background-color: @osd_base; + color: @osd_fg; +} + +TerminalWindow GtkNotebook.notebook { + border-right-width: 0; + border-bottom-width: 0; + border-left-width: 0; +} + +TerminalWindow .scrollbars-junction, +TerminalWindow .scrollbar.trough { + background-color: @osd_base; +} + +TerminalWindow .scrollbar.button, +TerminalWindow .scrollbar.button:active, +TerminalWindow .scrollbar.button:active:hover { + color: shade(@osd_base, 0.6); +} + +TerminalWindow .scrollbar.slider { + border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21); + background-color: mix(@osd_base, @osd_fg, 0.21); +} + +TerminalWindow .scrollbar.slider:hover, +TerminalWindow .scrollbar.slider.vertical:hover { + border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31); + background-color: mix(@osd_base, @osd_fg, 0.31); +} + +TerminalWindow .scrollbar.slider:active, +TerminalWindow .scrollbar.slider.vertical:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; +} + +/********* + * gedit * + *********/ +GeditWindow .pane-separator, +GeditWindow .pane-separator:hover { + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: @theme_bg_color; + color: shade(@theme_bg_color, 0.8); +} + +.gedit-document-panel { + background-color: @theme_bg_color; + color: mix(@theme_fg_color, @theme_bg_color, 0.1); +} + +.gedit-document-panel-group-row, +.gedit-document-panel-group-row:hover { + border-top: 1px solid shade(@theme_bg_color, 0.9); + background-color: @theme_bg_color; +} + +.gedit-document-panel-document-row:hover { + background-color: shade(@theme_bg_color, 1.05); +} + +.gedit-document-panel-document-row:selected, +.gedit-document-panel-document-row:selected:hover { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +.gedit-document-panel .list-row { + padding: 4px; +} + +.gedit-document-panel .list-row .button { + padding: 1px; + border-image: none; + border-radius: 2px; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + icon-shadow: none; +} + +.gedit-document-panel .prelight-row .button { + border-color: alpha(black, 0.1); + color: alpha(white, 0.8); +} + +.gedit-document-panel .list-row .button:hover, +.gedit-document-panel .prelight-row .button:hover { + border-color: alpha(black, 0.1); + color: white; +} + +.gedit-document-panel .prelight-row .button:active { + border-color: alpha(black, 0.2); + background-color: alpha(black, 0.08); + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid alpha(black, 0.1); + background-color: alpha(black, 0.5); + color: white; +} + +.gedit-document-panel-placeholder-row { + border: none; + background-color: alpha(black, 0.08); + transition: all 200ms ease-in; +} + +GeditStatusbar { + border-top: 1px solid shade(@theme_bg_color, 0.8); +} + +GeditStatusbar GeditSmallButton, +GeditStatusMenuButton { + text-shadow: none; +} + +GeditStatusbar GeditSmallButton.button, +GeditStatusbar GeditSmallButton.button:hover, +GeditStatusbar GeditSmallButton.button:active, +GeditStatusbar GeditSmallButton.button:active:hover, +GeditStatusMenuButton.button, +GeditStatusMenuButton.button:hover, +GeditStatusMenuButton.button:active, +GeditStatusMenuButton.button:active:hover { + border-image: none; + border-style: solid; + border-width: 0 1px; + border-radius: 0; + padding: 1px 6px 2px 4px; +} + +GeditStatusbar GeditSmallButton.button:hover, +GeditStatusbar GeditSmallButton.button:active, +GeditStatusbar GeditSmallButton.button:active:hover, +GeditStatusMenuButton.button:hover, +GeditStatusMenuButton.button:active, +GeditStatusMenuButton.button:active:hover { + border-color: shade(@theme_bg_color, 0.8); +} + +GeditStatusbar GeditSmallButton.button:active, +GeditStatusMenuButton.button:active { + background-color: shade(@theme_bg_color, 0.95); + color: @theme_fg_color; +} + +GeditViewFrame .gedit-search-slider { + padding: 4px; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: shade(@theme_base_color, 0.8); + background-color: @theme_base_color; +} + +GeditViewFrame .gedit-search-slider .not-found { + background-color: @error_bg_color; + background-image: none; + color: @error_fg_color; +} + +GeditViewFrame .gedit-search-slider .not-found:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +GeditFileBrowserWidget .toolbar { + padding: 2px; + border-top: none; + background-color: @theme_bg_color; + background-image: none; +} + +.gedit-search-entry-occurrences-tag { + margin: 2px; + padding: 2px; + color: mix(@theme_text_color, @theme_base_color, 0.5); +} + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; +} + +/************* + * gucharmap * + *************/ +GucharmapChartable { + background-color: @theme_base_color; + color: @theme_text_color; +} + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/************* + * evolution * + *************/ +EPreviewPane .entry { + background-color: @theme_base_color; + color: @theme_text_color; +} + +/****************** + * gnome calendar * + ******************/ +.calendar-view { + background-color: shade(@theme_base_color, 0.95); + color: @theme_text_color; +} + +/******************* + * gnome-bluetooth * + *******************/ +GtkEntry.entry.pin-entry { + font: regular 50; + padding-left: 25px; + padding-right: 25px; +} + +GtkLabel.pin-label { + font: regular 50; +} diff --git a/themes/ayaya/gtk-3.0/apps/granite-widgets.css b/themes/ayaya/gtk-3.0/apps/granite-widgets.css new file mode 100644 index 0000000..1ddb61c --- /dev/null +++ b/themes/ayaya/gtk-3.0/apps/granite-widgets.css @@ -0,0 +1,677 @@ +/******************** + * dynamic notebook * + ********************/ +.dynamic-notebook { + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +.dynamic-notebook GtkLabel, +.dynamic-notebook GtkImage { + color: alpha(@theme_fg_color, 0.5); +} + +.dynamic-notebook .notebook { + -GtkNotebook-tab-overlap: 3px; + -GtkNotebook-initial-gap: 12px; + + border-width: 1px 0 0 0; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; + padding: 0; +} + +.dynamic-notebook .notebook tab { + padding: 3px; + border-width: 0 1px; + border-color: shade(@theme_bg_color, 0.85); + border-radius: 0; + background-color: shade(@theme_bg_color, 0.9); + background-image: none; + color: @theme_fg_color; +} + +.dynamic-notebook .notebook tab:nth-child(first) { +} + +.dynamic-notebook .notebook tab:active { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_base_color, 0.85); + background-image: none; + color: @theme_fg_color; + box-shadow:inset 0 -2px @theme_selected_bg_color; +} + +.dynamic-notebook .notebook tab .entry { + border-radius: 2px; + padding: 4px 3px; +} + +.dynamic-notebook .button:hover, +.dynamic-notebook .button:hover:active, +.dynamic-notebook .notebook .button, +.dynamic-notebook .notebook .button:hover, +.dynamic-notebook .notebook .button:hover:active { + border-color: shade(@theme_bg_color, 0.7); + background-color: shade(@theme_bg_color, 1.10); + background-image: none; +} + +.dynamic-notebook .button:hover:active, +.dynamic-notebook .notebook .button:hover:active { + border-color: shade(@theme_bg_color, 0.7); + color: shade(@theme_fg_color, 0.7); +} + +.dynamic-notebook .menu GtkLabel { + color: @menu_fg_color; +} + +/**************** + * content view * + ****************/ +.content-view-window { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_base_color, 0.8); + border-radius: 2px; + background-color:@theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.content-view, +.content-view GtkViewport { + background-color: @theme_base_color; + background-image: none; +} + +.content-view * { + background-color: transparent; + background-image: none; +} + +.content-view .entry { + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.content-view .button { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_base_color, 0.8); + border-radius: 2px; + background-color: shade(@theme_base_color, 1.08); + background-image: none; + color: @theme_text_color; +} + +.content-view .button:hover { + border-color: shade(@theme_base_color, 0.7); + background-color: shade(@theme_base_color, 1.10); + background-image: none; +} + +.content-view .button:active { + border-color: shade(@theme_base_color, 0.8); + background-color: shade(@theme_base_color, 0.95); + background-image: none; +} + +.content-view .button:active:hover { + border-color: shade(@theme_base_color, 0.7); + color: shade(@theme_text_color, 0.7); +} + +.content-view .button:insensitive { + background-color: shade(@theme_base_color, 0.9); + background-image: none; +} + +.content-view .help_button * { + color: @theme_text_color; +} + +.content-view .toolbar { + -GtkWidget-window-dragging: true; + + padding: 1px; + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(@theme_base_color, 0.8); + background-color: @theme_base_color; + background-image: none; +} + +.content-view .menu { + padding: 0; + border-radius: 0; + border-style: none; + background-color: @menu_bg_color; + background-image: none; + color: @menu_fg_color; +} + +/************** + * sourcelist * + **************/ +.source-list, +.source-list.view { + border-radius: 0; + background-color: @theme_bg_color; + background-image: none; + color: mix(@theme_fg_color, @theme_bg_color, 0.1); +} + +.source-list { + -GtkTreeView-horizontal-separator: 1; + -GtkTreeView-vertical-separator: 1; +} + +.source-list.view:selected, +.source-list.view:prelight:selected { + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.source-list.view:prelight { + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +.source-list.badge, +.source-list.badge:prelight, +.source-list.badge:selected, +.source-list.badge:prelight:selected { + margin: 0 3px; + padding: 0 6px; + border-width: 0; + border-radius: 10px; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +/****************** + * no undo button * + ******************/ +.button.noundo, +.content-view .button.noundo { + border-color: shade(@error_bg_color, 0.8); + background-color: shade(@error_bg_color, 1.08); + background-image: none; + color: @error_fg_color; +} + +.button.noundo:hover, +.content-view .button.noundo:hover { + border-color: shade(@error_bg_color, 0.7); + background-color: @error_bg_color; + background-image: none; +} + +.button.noundo:active, +.content-view .button.noundo:active { + border-color: shade(@error_bg_color, 0.8); + background-color: shade(@error_bg_color, 0.95); + background-image: none; +} + +.button.noundo:active:hover, +.content-view .button.noundo:active:hover { + border-color: shade(@error_bg_color, 0.7); + background-color: shade(@error_bg_color, 0.97); + background-image: none; +} + +.button.noundo GtkLabel, +.button.noundo Gtklabel:prelight { + color: @error_fg_color; +} + +/********************** + * affirmative button * + **********************/ +.button.affirmative, +.content-view .button.affirmative { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.08); + background-image: none; + color: @theme_selected_fg_color; +} + +.button.affirmative:hover, +.content-view .button.affirmative:hover { + border-color: shade(@theme_selected_bg_color, 0.7); + background-color: @theme_selected_bg_color; + background-image: none; +} + +.button.affirmative:active, +.content-view .button.affirmative:active { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 0.95); + background-image: none; +} + +.button.affirmative:active:hover, +.content-view .button.affirmative:active:hover { + border-color: shade(@theme_selected_bg_color, 0.7); + background-color: shade(@theme_selected_bg_color, 0.97); + background-image: none; +} + +.button.affirmative GtkLabel, +.button.affirmative Gtklabel:prelight { + color: @theme_selected_fg_color; +} + +/********************** + * secondary toolbars * + **********************/ +.secondary-toolbar.toolbar { + padding: 2px; + border-color: shade(@toolbar_bg_color, 0.8); + background-color: @toolbar_bg_color; + background-image: none; +} + +.secondary-toolbar.toolbar .button { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 1.08); + background-image: none; + color: @toolbar_fg_color; +} + +.secondary-toolbar.toolbar .button:hover { + border-color: shade(@toolbar_bg_color, 0.7); + background-color: shade(@toolbar_bg_color, 1.10); + background-image: none; +} + +.secondary-toolbar.toolbar .button:active { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 0.95); + background-image: none; +} + +.secondary-toolbar.toolbar .button:active:hover { + border-color: shade(@toolbar_bg_color, 0.7); +} + +.secondary-toolbar.toolbar .button:focus, +.secondary-toolbar.toolbar .button:hover:focus, +.secondary-toolbar.toolbar .button:active:focus, +.secondary-toolbar.toolbar .button:active:hover:focus { + border-color: shade(@toolbar_bg_color, 0.7); +} + +.secondary-toolbar.toolbar .button:insensitive { + border-color: shade(@toolbar_bg_color, 0.85); + background-color: shade(@toolbar_bg_color, 0.9); + background-image: none; +} + +.secondary-toolbar.toolbar .button:active *:insensitive { + border-color: shade(@toolbar_bg_color, 0.75); + background-color: shade(@toolbar_bg_color, 0.80); + background-image: none; +} + +/******************* + * bottom toolbars * + *******************/ +.bottom-toolbar.toolbar { + padding: 6px; + border-width: 1px 0 0 0; + border-color: shade(@theme_bg_color, 0.8); + background-color: @theme_bg_color; + background-image: none; +} + +.bottom-toolbar.toolbar .button { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + color: @theme_fg_color; +} + +.bottom-toolbar.toolbar .button:hover { + border-color: shade(@theme_bg_color, 0.7); + background-color: shade(@theme_bg_color, 1.10); + background-image: none; +} + +.bottom-toolbar.toolbar .button:active { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.95); + background-image: none; +} + +.bottom-toolbar.toolbar .button:active:hover { + border-color: shade(@theme_bg_color, 0.7); +} + +.bottom-toolbar.toolbar .button:focus, +.bottom-toolbar.toolbar .button:hover:focus, +.bottom-toolbar.toolbar .button:active:focus, +.bottom-toolbar.toolbar .button:active:hover:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +.bottom-toolbar.toolbar .button:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +.bottom-toolbar.toolbar .button:active *:insensitive { + border-color: shade(@theme_bg_color, 0.75); + background-color: shade(@theme_bg_color, 0.80); + background-image: none; +} + +/************* + * statusbar * + *************/ +GraniteWidgetsStatusBar { + padding: 1px; + background-color: @theme_bg_color; + background-image: none; + box-shadow: inset 0 1px shade(@theme_bg_color, 0.8); +} + +/*********** + * popover * + ***********/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 12; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + + margin: 0; + border-style: solid; + border-color: shade(@menu_bg_color, 0.8); + color: @menu_fg_color; +} + +.popover_bg { + background-color: transparent; + background-image: linear-gradient(to bottom, + @menu_bg_color, + @menu_bg_color + ); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; + background-image: none; + color: @menu_fg_color; +} + +GraniteWidgetsPopOver .sidebar.view:selected, +GraniteWidgetsPopOver .sidebar.view:selected:focus, +GraniteWidgetsPopOver *:selected, +GraniteWidgetsPopOver *:selected:focus { + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +GraniteWidgetsPopOver .button { + border-color: shade(@menu_bg_color, 0.8); + background-color: shade(@menu_bg_color, 1.08); + background-image: none; + color: @menu_fg_color; + +} + +GraniteWidgetsPopOver .button:hover { + border-color: shade(@menu_bg_color, 0.7); + background-color: shade(@menu_bg_color, 1.10); + background-image: none; + color: shade(@menu_fg_color, 0.7); +} + +GraniteWidgetsPopOver .button:active { + border-color: shade(@menu_bg_color, 0.8); + background-color: shade(@menu_bg_color, 0.95); + background-image: none; +} + +GraniteWidgetsPopOver .button:active:hover { + border-color: shade(@menu_bg_color, 0.7); + color: shade(@menu_fg_color, 0.7); +} + +/* linked buttons */ +GraniteWidgetsPopOver .linked .button { + box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); +} + +GraniteWidgetsPopOver .linked .button:active { + box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +GraniteWidgetsPopOver .linked .button:insensitive { + box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); +} + +/* remove box shadow from last-child and only-child */ +GraniteWidgetsPopOver .linked .button:last-child, +GraniteWidgetsPopOver .linked .button:only-child, +GraniteWidgetsPopOver .linked .button:insensitive:last-child, +GraniteWidgetsPopOver .linked .button:insensitive:only-child, +GraniteWidgetsPopOver .linked .button:active *:insensitive:last-child, +GraniteWidgetsPopOver .linked .button:active *:insensitive:only-child { + box-shadow: none; +} + +/* add back the inset shadow effect */ +GraniteWidgetsPopOver .linked .button:active:last-child, +GraniteWidgetsPopOver .linked .button:active:only-child { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +GraniteWidgetsPopOver .entry { + border-color: shade(@menu_bg_color, 0.7); + background-color: @menu_bg_color; + background-image: none; + color: @menu_fg_color; +} + +GraniteWidgetsPopOver .entry:active, +GraniteWidgetsPopOver .entry:focus { + border-color: shade(@menu_bg_color, 0.7); +} + +GraniteWidgetsPopOver *.separator { + border-color: shade(@menu_bg_color, 0.9); + color: transparent; +} + +.button.app { + border-width: 0; + border-radius: 2px; + background-color: transparent; + background-image: none; +} + +.button.app:hover { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.button.app:focus { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +/******** + * gala * + ********/ +.gala-workspaces-background { + border-width: 1px 0 0 0; + border-color: shade(@panel_bg_color, 0.8); + background-color: @panel_bg_color; + background-image: none; +} + +.gala-workspace-selected { + border-width: 1px; + border-radius: 2px; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; +} + +/********* + * files * + *********/ +.files-overlay-bar { + margin: 3px; + padding: 3px 6px; + border-width: 1px; + border-color: shade(@theme_base_color, 0.7); + border-radius: 2px; + background-color: @theme_base_color; + background-image: none; +} + +.files-overlay-bar GtkLabel { + color: @theme_text_color; +} + +/************ + * terminal * + ************/ +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; +} + +/********* + * noise * + *********/ +.album-list-view, +.album-list-view * { + border-color: shade(@theme_base_color, 0.7); + border-radius: 0; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.album-list-view GtkTreeView { + -GtkTreeView-vertical-separator: 1; + -GtkTreeView-grid-line-width: 0; + + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.album-list-view GtkTreeView row:nth-child(even) { + border-width: 0; + border-style: none; + background-color: shade(@theme_base_color, 0.97); + background-image: none; +} + + +.album-list-view GtkTreeView row:nth-child(odd) { + border-width: 0; + border-style: none; + background-color: shade(@theme_base_color, 1.0); + background-image: none; +} + +.album-list-view GtkTreeView row:selected { + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; +} + +/********** + * birdie * + **********/ +BirdieWidgetsTweetList * { + background-color: transparent; + background-image: none; +} + +/********* + * tweet * + *********/ +.tweet { + padding: 0; +} + +/********** + * notify * + **********/ +.notify { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_base_color, 0.7); + border-radius: 2px; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.notify .low { +} + +.notify .critical { +} + +/********* + * panel * +*********/ +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px alpha (black, 0.5); + icon-shadow: 0 1px 2px alpha (black, 0.5); +} + +.panel .menu .menuitem { + font-weight: normal; +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel-app-button { + -GtkMenuItem-horizontal-padding: 6px; +} + +.composited-indicator { + background-color: transparent; + color: white; + padding: 0 2px; +} + +.composited-indicator.menuitem:active, +.composited-indicator.menuitem:prelight { + border-style: none; + background-image: none; + box-shadow: none; +} diff --git a/themes/ayaya/gtk-3.0/apps/lightdm-gtk-greeter.css b/themes/ayaya/gtk-3.0/apps/lightdm-gtk-greeter.css new file mode 100644 index 0000000..874cdb3 --- /dev/null +++ b/themes/ayaya/gtk-3.0/apps/lightdm-gtk-greeter.css @@ -0,0 +1,250 @@ +/********* + * panel * + *********/ +#panel_window { + background-color: transparent; + background-image: none; + color: white; + font: bold; + text-shadow: 0 1px alpha(black, 0.5); + icon-shadow: 0 1px alpha(black, 0.5); +} + +#panel_window .menubar, +#panel_window .menubar > .menuitem { + background-color: transparent; + background-image: none; + color: white; + font: bold; + text-shadow: 0 1px alpha(black, 0.5); + icon-shadow: 0 1px alpha(black, 0.5); +} + +#panel_window .menubar > .menuitem:hover { + border-style: none; + background-color: alpha(white, 0.2); + background-image: none; + color: white; +} + +#panel_window .menubar > .menuitem *:hover { + color: white; +} + +#panel_window .menubar > .menuitem:insensitive { + color: alpha(white, 0.7); +} + +#panel_window .menubar .menu { + border-radius: 1px; +} + +#panel_window .menubar .menu .menuitem { + font: normal; + text-shadow: none; +} + +/**************** + * login window * + ****************/ +#login_window, +#shutdown_dialog, +#restart_dialog { + border-style: none; + border-radius: 2px; + background-color: @lightdm_bg_color; + color: @lightdm_fg_color; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), + inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), + inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), + inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21); +} + +#content_frame { + padding-bottom: 14px; +} + +#login_window .menu { + border-radius: 1px; +} + +#login_window GtkComboBox .button, +#login_window GtkComboBox .button:hover, +#login_window GtkComboBox .button:active, +#login_window GtkComboBox .button:active:hover, +#login_window GtkComboBox .button:focus, +#login_window GtkComboBox .button:hover:focus, +#login_window GtkComboBox .button:active:focus, +#login_window GtkComboBox .button:active:hover:focus { + padding: 0; + background: none; + border-style: none; + box-shadow: none; +} + +#login_window GtkComboBox .button:focus, +#login_window GtkComboBox .button:hover:focus, +#login_window GtkComboBox .button:active:focus, +#login_window GtkComboBox .button:active:hover:focus { + background: none; + border-style: none; +} + +#login_window #user_combobox { + color: @lightdm_fg_color; + font: 18px; +} + +#login_window #user_combobox .menu { + font: normal; +} + +#login_window #user_combobox .arrow { + color: mix(@lightdm_fg_color, @lightdm_bg_color, 0.5); +} + +#login_window .entry { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-color: shade(@lightdm_bg_color, 0.8); + border-radius: 2px; + background-color: shade(@lightdm_bg_color, 0.9); + background-image: none; + color: @lightdm_fg_color; + + box-shadow: none; + transition: all 150ms ease-out; +} + +#login_window .entry:focus, +#login_window .entry:hover { + border-color: shade(@lightdm_bg_color, 0.7); + + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10), + inset 0 1px alpha(@dark_shadow, 0.12), + inset -1px 0 alpha(@dark_shadow, 0.10), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +#login_window .button, +#shutdown_dialog .button, +#restart_dialog .button { + padding: 3px 15px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: shade(@lightdm_bg_color, 0.8); + background-color: shade(@lightdm_bg_color, 1.08); + background-image: none; + color: @lightdm_fg_color; + + transition: all 150ms ease-out; +} + +#user_image { + padding: 3px; + border-radius: 2px; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7), + inset -1px 0 shade(@lightdm_bg_color, 0.7), + inset 0 1px shade(@lightdm_bg_color, 0.7), + inset 0 -1px shade(@lightdm_bg_color, 0.7); +} + +#user_image_border { + border-radius: 2px; + background-color: shade(@lightdm_bg_color, 0.9); + background-image: none; + + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +#buttonbox_frame { + padding-top: 10px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +/****************************** + * default and focused button * + ******************************/ +#login_window .button.default, +#shutdown_dialog .button.default, +#restart_dialog .button.default, +#login_window .button:focus, +#login_window .button:active:focus, +#shutdown_dialog .button:focus, +#shutdown_dialog .button:active:focus, +#restart_dialog .button:focus, +#restart_dialog .button:active:focus { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.08); + background-image: none; + color: @theme_selected_fg_color; +} + +#login_window .button.default:hover, +#shutdown_dialog .button.default:hover, +#restart_dialog .button.default:hover, +#login_window .button:hover:focus, +#login_window .button:active:hover:focus, +#shutdown_dialog .button:hover:focus, +#shutdown_dialog .button:active:hover:focus, +#restart_dialog .button:hover:focus, +#restart_dialog .button:active:hover:focus { + border-color: shade(@theme_selected_bg_color, 0.7); + background-color: @theme_selected_bg_color; +} + +/******************* + * shutdown button * + *******************/ +#shutdown_button.button { + border-color: shade(@error_bg_color, 0.8); + background-color: shade(@error_bg_color, 1.08); + background-image: none; + color: @error_fg_color; +} + +#shutdown_button.button:hover, +#shutdown_button.button:active, +#shutdown_button.button:active:hover { + border-color: shade(@error_bg_color, 0.7); + background-color: @error_bg_color; +} + +/****************** + * restart button * + ******************/ +#restart_button.button { + border-color: shade(@warning_bg_color, 0.8); + background-color: shade(@warning_bg_color, 1.08); + background-image: none; + color: @warning_fg_color; +} + +#restart_button.button:hover, +#restart_button.button:active, +#restart_button.button:active:hover { + border-color: shade(@warning_bg_color, 0.7); + background-color: @warning_bg_color; +} + +/******************** + * password warning * + ********************/ +#greeter_infobar { + font: bold; +} diff --git a/themes/ayaya/gtk-3.0/apps/nemo.css b/themes/ayaya/gtk-3.0/apps/nemo.css new file mode 100644 index 0000000..fa09d03 --- /dev/null +++ b/themes/ayaya/gtk-3.0/apps/nemo.css @@ -0,0 +1,76 @@ +/***************** + * desktop icons * + *****************/ +.nemo-canvas-item { + border-radius: 2px; +} + +.nemo-desktop.nemo-canvas-item { + color: white; + text-shadow: 1px 1px black; +} + +.nemo-desktop.nemo-canvas-item:active { + color: @theme_fg_color; +} + +.nemo-desktop.nemo-canvas-item:selected { + color: @theme_selected_fg_color; +} + +.nemo-desktop.nemo-canvas-item:active, +.nemo-desktop.nemo-canvas-item:prelight, +.nemo-desktop.nemo-canvas-item:selected { + text-shadow: none; +} + +/*********************** + * pathbar breadcrumbs * + ***********************/ +NemoPathbarButton { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 1.08); + background-image: none; + color: @toolbar_fg_color; + + -NemoPathbarButton-border-radius: 2px; +} + +NemoPathbarButton:active { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 0.95); + background-image: none; +} + +NemoPathbarButton:hover { + border-color: shade(@toolbar_bg_color, 0.7); + background-color: shade(@toolbar_bg_color, 1.10); + background-image: none; +} + +NemoPathbarButton:active:hover { + border-color: shade(@toolbar_bg_color, 0.7); +} + +/********************************* + * sidebar disk space indicators * + *********************************/ +NemoPlacesTreeView { + -NemoPlacesTreeView-disk-full-bg-color: shade(@toolbar_bg_color, 0.8); + -NemoPlacesTreeView-disk-full-fg-color: @theme_selected_bg_color; + -NemoPlacesTreeView-disk-full-bar-width: 1px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 2px; + -NemoPlacesTreeView-disk-full-max-length: 70px; +} + +NemoPlacesTreeView:selected { + -NemoPlacesTreeView-disk-full-bg-color: @theme_selected_fg_color; + -NemoPlacesTreeView-disk-full-fg-color: shade(@theme_selected_bg_color, 1.4); +} + +NemoPlacesTreeView:hover { +} + +NemoPlacesTreeView:selected:hover { +} diff --git a/themes/ayaya/gtk-3.0/apps/synaptic.css b/themes/ayaya/gtk-3.0/apps/synaptic.css new file mode 100644 index 0000000..a8877d1 --- /dev/null +++ b/themes/ayaya/gtk-3.0/apps/synaptic.css @@ -0,0 +1,11 @@ +/************ + * synaptic * + ************/ +GtkWindow > GtkVBox > .dock, +GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { + padding: 4px; + border-style: none; + background-color: @toolbar_bg_color; + background-image: none; + color: @toolbar_fg_color; +} diff --git a/themes/ayaya/gtk-3.0/apps/unity.css b/themes/ayaya/gtk-3.0/apps/unity.css new file mode 100644 index 0000000..79a452d --- /dev/null +++ b/themes/ayaya/gtk-3.0/apps/unity.css @@ -0,0 +1,79 @@ +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0,0,0,0.7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5); + -UnityDecoration-inactive-shadow-radius: 5px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: @theme_selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.top { + border: 1px solid mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); + border-bottom-width: 0; + border-radius: 2px 2px 0 0; + padding: 1px 8px 0 8px; + background-color: @titlebar_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); + text-shadow: none; +} + +UnityDecoration.top:backdrop { + border: 1px solid mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); + border-bottom-width: 0; + background-color: @titlebar_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +} + +UnityDecoration.left, +UnityDecoration.right, +UnityDecoration.bottom { + background-color: mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-color: mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +} + +UnityPanelWidget, +.unity-panel { + border-width: 0 0 1px 0; + border-style: solid; + border-color: @panel_bg_color; + background-color: @panel_bg_color; + background-image: none; + color: @panel_fg_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #ff0000; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-color: mix(@panel_bg_color, @panel_fg_color, 0.21); + background-color: mix(@panel_bg_color, @panel_fg_color, 0.21); + background-image: none; + color: shade(@panel_fg_color, 1.08); +} + +SheetStyleDialog.unity-force-quit { + background-color: @theme_bg_color; +} diff --git a/themes/ayaya/gtk-3.0/apps/xfce.css b/themes/ayaya/gtk-3.0/apps/xfce.css new file mode 100644 index 0000000..03cfb20 --- /dev/null +++ b/themes/ayaya/gtk-3.0/apps/xfce.css @@ -0,0 +1,38 @@ +XfceHeading { + margin: 0; + padding: 0; + border-width: 0; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.xfce4-panel { + background-color: @panel_bg_color; + color: @panel_fg_color; + font: normal; +} + +.xfce4-panel .button { + padding: 0 2px; + border-radius: 0; + border-style: none; + color: @panel_fg_color; +} + +.xfce4-panel .button:active { + background-color: shade(@panel_bg_color, 0.8); + background-image: none; + color: @panel_fg_color; +} + +.xfce4-panel .button:hover, +.xfce4-panel .button:active:hover { + background-color: mix(@panel_bg_color, @panel_fg_color, 0.21); + background-image: none; + color: shade(@panel_fg_color, 1.08); +} + +.xfce4-panel .menu { + -gtk-image-effect: none; +} diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-checked-dark.svg b/themes/ayaya/gtk-3.0/assets/checkbox-checked-dark.svg new file mode 100644 index 0000000..2aaeaa6 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-checked-dark.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<rect width="14.789" x=".684" y="1037.078" rx="1" height="14.758" style="fill:#393939"/> +<path style="fill:#1f1f1f" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<path style="fill:#d64937;line-height:normal;color:#000" d="m 11.653408,1040.2805 c -0.365873,0.01 -0.727323,0.1623 -0.985551,0.4266 l -4.0292904,3.8367 -1.3822187,-1.5489 c -0.4918947,-0.656 -1.5705595,-0.7265 -2.1406524,-0.14 -0.5700929,0.5865 -0.4910061,1.6854 0.1569519,2.1808 l 2.3831825,2.5599 c 0.9369248,0.9369 1.3590497,0.8116 2.3049741,-0.1343 0,0 3.250459,-3.9103 5.155609,-5.232 0.421127,-0.3992 0.596878,-0.5102 0.377676,-1.0522 -0.219202,-0.542 -1.265927,-0.916 -1.840681,-0.8966 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg b/themes/ayaya/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg new file mode 100644 index 0000000..c3219e2 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#2a2a2a" d="m 1.7429523,1036.9203 12.7034987,0 c 0.586479,0 1.058625,0.468 1.058625,1.0495 l 0,12.5953 c 0,0.5815 -0.472146,1.0496 -1.058625,1.0496 l -12.7034987,0 c -0.5864782,0 -1.05862497,-0.4681 -1.05862497,-1.0496 l 0,-12.5953 c 0,-0.5815 0.47214677,-1.0495 1.05862497,-1.0495 z"/> +</g> +<g style="fill:#1f1f1f" transform="translate(0 -1036.3622)"> +<path d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<path style="line-height:normal;color:#000" d="m 11.653408,1040.2805 c -0.365873,0.01 -0.727323,0.1623 -0.985551,0.4266 l -4.0292904,3.8367 -1.3822187,-1.5489 c -0.4918947,-0.656 -1.5705595,-0.7265 -2.1406524,-0.14 -0.5700929,0.5865 -0.4910061,1.6854 0.1569519,2.1808 l 2.3831825,2.5599 c 0.9369248,0.9369 1.3590497,0.8116 2.3049741,-0.1343 0,0 3.250459,-3.9103 5.155609,-5.232 0.421127,-0.3992 0.596878,-0.5102 0.377676,-1.0522 -0.219202,-0.542 -1.265927,-0.916 -1.840681,-0.8966 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-checked-insensitive.svg b/themes/ayaya/gtk-3.0/assets/checkbox-checked-insensitive.svg new file mode 100644 index 0000000..4dbe967 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-checked-insensitive.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<rect width="14.505" x=".747" y="1037.046" rx="1" height="14.568" style="fill:#d3d3d3"/> +</g> +<g style="fill:#aaa" transform="translate(0 -1036.3622)"> +<path d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<path style="line-height:normal;color:#000" d="m 11.653408,1040.2805 c -0.365873,0.01 -0.727323,0.1623 -0.985551,0.4266 l -4.0292904,3.8367 -1.3822187,-1.5489 c -0.4918947,-0.656 -1.5705595,-0.7265 -2.1406524,-0.14 -0.5700929,0.5865 -0.4910061,1.6854 0.1569519,2.1808 l 2.3831825,2.5599 c 0.9369248,0.9369 1.3590497,0.8116 2.3049741,-0.1343 0,0 3.250459,-3.9103 5.155609,-5.232 0.421127,-0.3992 0.596878,-0.5102 0.377676,-1.0522 -0.219202,-0.542 -1.265927,-0.916 -1.840681,-0.8966 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-checked.svg b/themes/ayaya/gtk-3.0/assets/checkbox-checked.svg new file mode 100644 index 0000000..0a5e5a5 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-checked.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<rect width="14" x="1" y="1" rx="1" height="14" style="fill:#f9f9f9" transform="translate(0 1036.3622)"/> +<path style="fill:#aaa" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<path style="fill:#d64937;line-height:normal;color:#000" d="m 11.653408,1040.2805 c -0.365873,0.01 -0.727323,0.1623 -0.985551,0.4266 l -4.0292904,3.8367 -1.3822187,-1.5489 c -0.4918947,-0.656 -1.5705595,-0.7265 -2.1406524,-0.14 -0.5700929,0.5865 -0.4910061,1.6854 0.1569519,2.1808 l 2.3831825,2.5599 c 0.9369248,0.9369 1.3590497,0.8116 2.3049741,-0.1343 0,0 3.250459,-3.9103 5.155609,-5.232 0.421127,-0.3992 0.596878,-0.5102 0.377676,-1.0522 -0.219202,-0.542 -1.265927,-0.916 -1.840681,-0.8966 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-mixed-dark.svg b/themes/ayaya/gtk-3.0/assets/checkbox-mixed-dark.svg new file mode 100644 index 0000000..5765056 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-mixed-dark.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<rect width="14.821" x=".621" y="1037.046" rx="1" height="14.758" style="fill:#393939"/> +<path style="fill:#1f1f1f" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="1043.362" height="2" style="fill:#d64937"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg b/themes/ayaya/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg new file mode 100644 index 0000000..27e0ef1 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#2a2a2a" d="m 1.7429523,1036.9203 12.7034987,0 c 0.586479,0 1.058625,0.468 1.058625,1.0495 l 0,12.5953 c 0,0.5815 -0.472146,1.0496 -1.058625,1.0496 l -12.7034987,0 c -0.5864782,0 -1.05862497,-0.4681 -1.05862497,-1.0496 l 0,-12.5953 c 0,-0.5815 0.47214677,-1.0495 1.05862497,-1.0495 z"/> +</g> +<g style="fill:#1f1f1f" transform="translate(0 -1036.3622)"> +<path d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="1043.362" height="2"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-mixed-insensitive.svg b/themes/ayaya/gtk-3.0/assets/checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..d408465 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-mixed-insensitive.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#d3d3d3" d="m 1.7339331,1037.2359 12.5952689,0 c 0.581481,0 1.049605,0.4581 1.049605,1.0271 l 0,12.3247 c 0,0.569 -0.468124,1.027 -1.049605,1.027 l -12.5952689,0 c -0.5814816,0 -1.04960577,-0.458 -1.04960577,-1.027 l 0,-12.3247 c 0,-0.569 0.46812417,-1.0271 1.04960577,-1.0271 z"/> +</g> +<g style="fill:#aaa" transform="translate(0 -1036.3622)"> +<path d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="1043.362" height="2"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-mixed.svg b/themes/ayaya/gtk-3.0/assets/checkbox-mixed.svg new file mode 100644 index 0000000..414f2f2 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-mixed.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<rect width="14" x="1" y="1" rx="1" height="14" style="fill:#f9f9f9" transform="translate(0 1036.3622)"/> +<path style="fill:#aaa" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="1043.362" height="2" style="fill:#d64937"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-dark.svg b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-dark.svg new file mode 100644 index 0000000..36eeb4d --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-dark.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<rect width="14.442" x=".811" y="1036.92" rx="1" height="14.947" style="fill:#393939"/> +<path style="fill:#1f1f1f" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..3488e66 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#2a2a2a" d="m 1.6166832,1037.0567 12.7034988,0 c 0.586479,0 1.058625,0.468 1.058625,1.0495 l 0,12.5953 c 0,0.5815 -0.472146,1.0496 -1.058625,1.0496 l -12.7034988,0 c -0.5864782,0 -1.05862494,-0.4681 -1.05862494,-1.0496 l 0,-12.5953 c 0,-0.5815 0.47214674,-1.0495 1.05862494,-1.0495 z"/> +<path style="fill:#1f1f1f" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-insensitive.svg b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-insensitive.svg new file mode 100644 index 0000000..f90aa4c --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked-insensitive.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#d3d3d3" d="m 1.6707985,1036.9834 12.5952685,0 c 0.581481,0 1.049606,0.4621 1.049606,1.0361 l 0,12.4328 c 0,0.574 -0.468125,1.0362 -1.049606,1.0362 l -12.5952685,0 c -0.5814816,0 -1.0496057,-0.4622 -1.0496057,-1.0362 l 0,-12.4328 c 0,-0.574 0.4681241,-1.0361 1.0496057,-1.0361 z"/> +<path style="fill:#aaa" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/checkbox-unchecked.svg b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked.svg new file mode 100644 index 0000000..06176e3 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/checkbox-unchecked.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<rect width="14" x="1" y="1" rx="1" height="14" style="fill:#f9f9f9" transform="translate(0 1036.3622)"/> +<path style="fill:#aaa" d="M 2 0 C 0.892 0 3.2526065e-18 0.892 0 2 L 0 14 C 0 15.108 0.892 16 2 16 L 14 16 C 15.108 16 16 15.108 16 14 L 16 2 C 16 0.892 15.108 3.2526065e-18 14 0 L 2 0 z M 2 1 L 14 1 C 14.554 1 15 1.446 15 2 L 15 14 C 15 14.554 14.554 15 14 15 L 2 15 C 1.446 15 1 14.554 1 14 L 1 2 C 1 1.446 1.446 1 2 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/grid-selection-checked-dark.svg b/themes/ayaya/gtk-3.0/assets/grid-selection-checked-dark.svg new file mode 100644 index 0000000..c1d5486 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/grid-selection-checked-dark.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1012.3622)"> +<rect width="37.054" x="1.429" y="1013.791" rx="1" height="37.054" style="fill:#393939"/> +<path style="fill:#1f1f1f" d="m 5,1012.3622 c -2.77,0 -5,2.23 -5,5 l 0,30 c 0,2.77 2.23,5 5,5 l 30,0 c 2.77,0 5,-2.23 5,-5 l 0,-30 c 0,-2.77 -2.23,-5 -5,-5 z m 0,2.0536 30,0 c 1.385,0 3.035714,1.5614 3.035714,2.9464 l 0,30 c 0,1.385 -1.650714,3.0357 -3.035714,3.0357 l -30,0 c -1.385,0 -2.9464286,-1.6507 -2.9464286,-3.0357 l 0,-30 c 0,-1.385 1.5614286,-2.9464 2.9464286,-2.9464 z"/> +<path style="fill:#d64937;line-height:normal;color:#000" d="m 29.13352,1022.158 c -0.914683,0.025 -1.818308,0.4057 -2.463877,1.0665 l -10.073226,9.5917 -3.455547,-3.8722 c -1.229737,-1.64 -3.926399,-1.8163 -5.3516312,-0.35 -1.4252323,1.4662 -1.2275153,4.2135 0.3923797,5.452 l 5.9579565,6.3997 c 2.342312,2.3423 3.397624,2.029 5.762435,-0.3357 0,0 8.126148,-9.7758 12.889022,-13.08 1.052818,-0.998 1.492196,-1.2755 0.94419,-2.6305 -0.548004,-1.355 -3.164817,-2.29 -4.601702,-2.2415 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/grid-selection-checked.svg b/themes/ayaya/gtk-3.0/assets/grid-selection-checked.svg new file mode 100644 index 0000000..a660356 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/grid-selection-checked.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1012.3622)"> +<rect width="37.5" x="1.429" y="1013.791" rx="1" height="37.5" style="fill:#f9f9f9"/> +<path style="fill:#aaa" d="m 5,1012.3622 c -2.77,0 -5,2.23 -5,5 l 0,30 c 0,2.77 2.23,5 5,5 l 30,0 c 2.77,0 5,-2.23 5,-5 l 0,-30 c 0,-2.77 -2.23,-5 -5,-5 z m 0,2.0536 30,0 c 1.385,0 3.035714,1.5614 3.035714,2.9464 l 0,30 c 0,1.385 -1.650714,3.0357 -3.035714,3.0357 l -30,0 c -1.385,0 -2.9464286,-1.6507 -2.9464286,-3.0357 l 0,-30 c 0,-1.385 1.5614286,-2.9464 2.9464286,-2.9464 z"/> +<path style="fill:#d64937;line-height:normal;color:#000" d="m 29.13352,1022.158 c -0.914683,0.025 -1.818308,0.4057 -2.463877,1.0665 l -10.073226,9.5917 -3.455547,-3.8722 c -1.229737,-1.64 -3.926399,-1.8163 -5.3516312,-0.35 -1.4252323,1.4662 -1.2275153,4.2135 0.3923797,5.452 l 5.9579565,6.3997 c 2.342312,2.3423 3.397624,2.029 5.762435,-0.3357 0,0 8.126148,-9.7758 12.889022,-13.08 1.052818,-0.998 1.492196,-1.2755 0.94419,-2.6305 -0.548004,-1.355 -3.164817,-2.29 -4.601702,-2.2415 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/grid-selection-unchecked-dark.svg b/themes/ayaya/gtk-3.0/assets/grid-selection-unchecked-dark.svg new file mode 100644 index 0000000..f925043 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/grid-selection-unchecked-dark.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1012.3622)"> +<rect width="37.054" x="1.429" y="1013.791" rx="1" height="37.054" style="fill:#393939"/> +<path style="fill:#1f1f1f" d="m 5,1012.3622 c -2.77,0 -5,2.23 -5,5 l 0,30 c 0,2.77 2.23,5 5,5 l 30,0 c 2.77,0 5,-2.23 5,-5 l 0,-30 c 0,-2.77 -2.23,-5 -5,-5 z m 0,2.0536 30,0 c 1.385,0 3.035714,1.5614 3.035714,2.9464 l 0,30 c 0,1.385 -1.650714,3.0357 -3.035714,3.0357 l -30,0 c -1.385,0 -2.9464286,-1.6507 -2.9464286,-3.0357 l 0,-30 c 0,-1.385 1.5614286,-2.9464 2.9464286,-2.9464 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/grid-selection-unchecked.svg b/themes/ayaya/gtk-3.0/assets/grid-selection-unchecked.svg new file mode 100644 index 0000000..689da2d --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/grid-selection-unchecked.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1012.3622)"> +<rect width="37.5" x="1.429" y="1013.791" rx="1" height="37.5" style="fill:#f9f9f9"/> +<path style="fill:#aaa" d="m 5,1012.3622 c -2.77,0 -5,2.23 -5,5 l 0,30 c 0,2.77 2.23,5 5,5 l 30,0 c 2.77,0 5,-2.23 5,-5 l 0,-30 c 0,-2.77 -2.23,-5 -5,-5 z m 0,2.0536 30,0 c 1.385,0 3.035714,1.5614 3.035714,2.9464 l 0,30 c 0,1.385 -1.650714,3.0357 -3.035714,3.0357 l -30,0 c -1.385,0 -2.9464286,-1.6507 -2.9464286,-3.0357 l 0,-30 c 0,-1.385 1.5614286,-2.9464 2.9464286,-2.9464 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg new file mode 100644 index 0000000..8ab7153 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#f9f9f9;line-height:normal;color:#000" d="m 11.653408,1040.2805 c -0.365873,0.01 -0.727323,0.1623 -0.985551,0.4266 l -4.0292904,3.8367 -1.3822187,-1.5489 c -0.4918947,-0.656 -1.5705595,-0.7265 -2.1406524,-0.14 -0.5700929,0.5865 -0.4910061,1.6854 0.1569519,2.1808 l 2.3831825,2.5599 c 0.9369248,0.9369 1.3590497,0.8116 2.3049741,-0.1343 0,0 3.250459,-3.9103 5.155609,-5.232 0.421127,-0.3992 0.596878,-0.5102 0.377676,-1.0522 -0.219202,-0.542 -1.265927,-0.916 -1.840681,-0.8966 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg new file mode 100644 index 0000000..f570a1c --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#999;line-height:normal;color:#000" d="m 11.653408,1040.2805 c -0.365873,0.01 -0.727323,0.1623 -0.985551,0.4266 l -4.0292904,3.8367 -1.3822187,-1.5489 c -0.4918947,-0.656 -1.5705595,-0.7265 -2.1406524,-0.14 -0.5700929,0.5865 -0.4910061,1.6854 0.1569519,2.1808 l 2.3831825,2.5599 c 0.9369248,0.9369 1.3590497,0.8116 2.3049741,-0.1343 0,0 3.250459,-3.9103 5.155609,-5.232 0.421127,-0.3992 0.596878,-0.5102 0.377676,-1.0522 -0.219202,-0.542 -1.265927,-0.916 -1.840681,-0.8966 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked.svg b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked.svg new file mode 100644 index 0000000..6fbfb3e --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-checked.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#d64937;line-height:normal;color:#000" d="m 11.653408,1040.2805 c -0.365873,0.01 -0.727323,0.1623 -0.985551,0.4266 l -4.0292904,3.8367 -1.3822187,-1.5489 c -0.4918947,-0.656 -1.5705595,-0.7265 -2.1406524,-0.14 -0.5700929,0.5865 -0.4910061,1.6854 0.1569519,2.1808 l 2.3831825,2.5599 c 0.9369248,0.9369 1.3590497,0.8116 2.3049741,-0.1343 0,0 3.250459,-3.9103 5.155609,-5.232 0.421127,-0.3992 0.596878,-0.5102 0.377676,-1.0522 -0.219202,-0.542 -1.265927,-0.916 -1.840681,-0.8966 z"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg new file mode 100644 index 0000000..d150f8f --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<rect width="8" x="4" y="7" height="2" style="fill:#f9f9f9" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..fd8b0d4 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<rect width="8" x="4" y="7" height="2" style="fill:#aaa" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg new file mode 100644 index 0000000..d150f8f --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<rect width="8" x="4" y="7" height="2" style="fill:#f9f9f9" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed.svg b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed.svg new file mode 100644 index 0000000..a82b2c0 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-checkbox-mixed.svg @@ -0,0 +1,11 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<defs> +<filter width="1.09" x="-.045" y="-.18" height="1.36" id="filter3971"> +<feGaussianBlur stdDeviation=".15"/> +</filter> +</defs> +<g transform="translate(0 -1036.3622)"> +<rect width="8" x="4" y="1043.451" height="2" style="fill:#555753;filter:url(#filter3971)"/> +<rect width="8" x="4" y="7" height="2" style="fill:#d64937" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked-hover.svg b/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked-hover.svg new file mode 100644 index 0000000..afb9db2 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked-hover.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#f9f9f9" d="M 11,8 C 11,9.6568542 9.6568542,11 8,11 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 c 1.6568542,0 3,1.3431458 3,3 z" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg b/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg new file mode 100644 index 0000000..0bc947f --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#aaa" d="M 11,8 C 11,9.6568542 9.6568542,11 8,11 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 c 1.6568542,0 3,1.3431458 3,3 z" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked.svg b/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked.svg new file mode 100644 index 0000000..61f0626 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/menuitem-radio-checked.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#d64937" d="M 11,8 C 11,9.6568542 9.6568542,11 8,11 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 c 1.6568542,0 3,1.3431458 3,3 z" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/pane-handle-vertical.svg b/themes/ayaya/gtk-3.0/assets/pane-handle-vertical.svg new file mode 100644 index 0000000..8a983c7 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/pane-handle-vertical.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 4"> +<g style="color:#000" transform="translate(0 -1048.3622)"> +<rect width="1" x="-9" y="-1052.362" height="4" style="opacity:.2" transform="scale(-1)"/> +<rect width="1" x="-5" y="-1052.362" height="4" style="opacity:.2" transform="scale(-1)"/> +<rect width="1" x="-1" y="-1052.362" height="4" style="opacity:.2" transform="scale(-1)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/pane-handle.svg b/themes/ayaya/gtk-3.0/assets/pane-handle.svg new file mode 100644 index 0000000..7bd3be0 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/pane-handle.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 9"> +<g style="color:#000" transform="translate(0 -1043.3622)"> +<rect width="1" x="1051.362" y="-4" height="4" style="opacity:.2" transform="rotate(90)"/> +<rect width="1" x="1047.362" y="-4" height="4" style="opacity:.2" transform="rotate(90)"/> +<rect width="1" x="1043.362" y="-4" height="4" style="opacity:.2" transform="rotate(90)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-mixed-dark.svg b/themes/ayaya/gtk-3.0/assets/radio-mixed-dark.svg new file mode 100644 index 0000000..b6b0d76 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-mixed-dark.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#393939" d="M 15,8 A 7,7 0 1 1 1,8 7,7 0 1 1 15,8 z" transform="matrix(1.06059 0 0 1.05421 -.46237 1036.0847)"/> +<path style="fill:#1f1f1f" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="7" height="2" style="fill:#d64937" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-mixed-insensitive-dark.svg b/themes/ayaya/gtk-3.0/assets/radio-mixed-insensitive-dark.svg new file mode 100644 index 0000000..6b93fc4 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#2a2a2a" d="m 8.1785714,1037.0497 c 4.0385816,0 7.3124996,3.254 7.3124996,7.2678 0,4.0139 -3.273918,7.2679 -7.3124996,7.2679 -4.0385821,0 -7.31249997,-3.254 -7.31249997,-7.2679 0,-4.0138 3.27391787,-7.2678 7.31249997,-7.2678 z"/> +</g> +<g style="fill:#1f1f1f" transform="translate(0 -1036.3622)"> +<path d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="7" height="2" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-mixed-insensitive.svg b/themes/ayaya/gtk-3.0/assets/radio-mixed-insensitive.svg new file mode 100644 index 0000000..9fa3659 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-mixed-insensitive.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#d3d3d3" d="m 8.0669643,1037.1836 c 4.0755647,0 7.3794647,3.224 7.3794647,7.2009 0,3.9769 -3.3039,7.2009 -7.3794647,7.2009 -4.0755656,0 -7.3794643,-3.224 -7.3794643,-7.2009 0,-3.9769 3.3038987,-7.2009 7.3794643,-7.2009 z"/> +</g> +<g style="fill:#aaa" transform="translate(0 -1036.3622)"> +<path d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="7" height="2" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-mixed.svg b/themes/ayaya/gtk-3.0/assets/radio-mixed.svg new file mode 100644 index 0000000..a85a7ac --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-mixed.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#f9f9f9" d="m 15,8 c 0,3.865993 -3.134007,7 -7,7 C 4.1340068,15 1,11.865993 1,8 1,4.1340068 4.1340068,1 8,1 c 3.865993,0 7,3.1340068 7,7 z" transform="translate(0 1036.3622)"/> +<path style="fill:#aaa" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<rect width="8" x="4" y="7" height="2" style="fill:#d64937" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-selected-dark.svg b/themes/ayaya/gtk-3.0/assets/radio-selected-dark.svg new file mode 100644 index 0000000..28da8de --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-selected-dark.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#393939" d="m 15,8 c 0,3.865993 -3.134007,7 -7,7 C 4.1340068,15 1,11.865993 1,8 1,4.1340068 4.1340068,1 8,1 c 3.865993,0 7,3.1340068 7,7 z" transform="translate(0 1036.3622)"/> +<path style="fill:#1f1f1f" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<path style="fill:#d64937" d="M 11,8 C 11,9.6568542 9.6568542,11 8,11 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 c 1.6568542,0 3,1.3431458 3,3 z" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-selected-insensitive-dark.svg b/themes/ayaya/gtk-3.0/assets/radio-selected-insensitive-dark.svg new file mode 100644 index 0000000..f5cfbe0 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-selected-insensitive-dark.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#2a2a2a" d="m 8.0319969,1037.1354 c 4.0385821,0 7.3125001,3.254 7.3125001,7.2678 0,4.0139 -3.273918,7.2679 -7.3125001,7.2679 -4.0385817,0 -7.31249964,-3.254 -7.31249964,-7.2679 0,-4.0138 3.27391794,-7.2678 7.31249964,-7.2678 z"/> +</g> +<g style="fill:#1f1f1f" transform="translate(0 -1036.3622)"> +<path d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<path style="opacity:.8" d="M 11,8 C 11,9.6568542 9.6568542,11 8,11 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 c 1.6568542,0 3,1.3431458 3,3 z" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-selected-insensitive.svg b/themes/ayaya/gtk-3.0/assets/radio-selected-insensitive.svg new file mode 100644 index 0000000..e782ba6 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-selected-insensitive.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#d3d3d3" d="m 8.0315672,1036.8571 c 4.1275048,0 7.4735088,3.3602 7.4735088,7.5051 0,4.1449 -3.346004,7.5051 -7.4735088,7.5051 -4.1275049,0 -7.47350894,-3.3602 -7.47350894,-7.5051 0,-4.1449 3.34600404,-7.5051 7.47350894,-7.5051 z"/> +</g> +<g style="fill:#aaa" transform="translate(0 -1036.3622)"> +<path d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<path d="M 11,8 C 11,9.6568542 9.6568542,11 8,11 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 c 1.6568542,0 3,1.3431458 3,3 z" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-selected.svg b/themes/ayaya/gtk-3.0/assets/radio-selected.svg new file mode 100644 index 0000000..91cafc1 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-selected.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#f9f9f9" d="m 15,8 c 0,3.865993 -3.134007,7 -7,7 C 4.1340068,15 1,11.865993 1,8 1,4.1340068 4.1340068,1 8,1 c 3.865993,0 7,3.1340068 7,7 z" transform="translate(0 1036.3622)"/> +<path style="fill:#aaa" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +<path style="fill:#d64937" d="M 11,8 C 11,9.6568542 9.6568542,11 8,11 6.3431458,11 5,9.6568542 5,8 5,6.3431458 6.3431458,5 8,5 c 1.6568542,0 3,1.3431458 3,3 z" transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-unselected-dark.svg b/themes/ayaya/gtk-3.0/assets/radio-unselected-dark.svg new file mode 100644 index 0000000..214ed94 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-unselected-dark.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#393939" d="M 15,8 A 7,7 0 1 1 1,8 7,7 0 1 1 15,8 z" transform="matrix(1.04961 0 0 1.03157 -.42841 1036.2044)"/> +<path style="fill:#1f1f1f" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-unselected-insensitive-dark.svg b/themes/ayaya/gtk-3.0/assets/radio-unselected-insensitive-dark.svg new file mode 100644 index 0000000..0fdfaf4 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-unselected-insensitive-dark.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#2a2a2a" d="m 7.9891678,1037.1027 c 4.0385812,0 7.3124992,3.254 7.3124992,7.2678 0,4.0139 -3.273918,7.2679 -7.3124992,7.2679 -4.0385821,0 -7.31249997,-3.254 -7.31249997,-7.2679 0,-4.0138 3.27391787,-7.2678 7.31249997,-7.2678 z"/> +<path style="fill:#1f1f1f" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-unselected-insensitive.svg b/themes/ayaya/gtk-3.0/assets/radio-unselected-insensitive.svg new file mode 100644 index 0000000..a0f2168 --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-unselected-insensitive.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#d3d3d3" d="m 7.9368654,1036.9834 c 4.1798076,0 7.5682106,3.3036 7.5682106,7.3788 0,4.0752 -3.388403,7.3788 -7.5682106,7.3788 -4.1798073,0 -7.56821074,-3.3036 -7.56821074,-7.3788 0,-4.0752 3.38840344,-7.3788 7.56821074,-7.3788 z"/> +<path style="fill:#aaa" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/assets/radio-unselected.svg b/themes/ayaya/gtk-3.0/assets/radio-unselected.svg new file mode 100644 index 0000000..2f05a0d --- /dev/null +++ b/themes/ayaya/gtk-3.0/assets/radio-unselected.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> +<g transform="translate(0 -1036.3622)"> +<path style="fill:#f9f9f9" d="m 15,8 c 0,3.865993 -3.134007,7 -7,7 C 4.1340068,15 1,11.865993 1,8 1,4.1340068 4.1340068,1 8,1 c 3.865993,0 7,3.1340068 7,7 z" transform="translate(0 1036.3622)"/> +<path style="fill:#aaa" d="M 8 0 C 3.581722 8.8817842e-16 -3.006854e-17 3.581722 0 8 C 0 12.418278 3.581722 16 8 16 C 12.418278 16 16 12.418278 16 8 C 16 3.581722 12.418278 -1.8064254e-15 8 0 z M 8 1 C 11.865993 1 15 4.1340068 15 8 C 15 11.865993 11.865993 15 8 15 C 4.1340068 15 1 11.865993 1 8 C 1 4.1340068 4.1340068 1 8 1 z " transform="translate(0 1036.3622)"/> +</g> +</svg> diff --git a/themes/ayaya/gtk-3.0/gtk-widgets-assets-dark.css b/themes/ayaya/gtk-3.0/gtk-widgets-assets-dark.css new file mode 100644 index 0000000..64cecb7 --- /dev/null +++ b/themes/ayaya/gtk-3.0/gtk-widgets-assets-dark.css @@ -0,0 +1,67 @@ +/******************* +* check and radio * +*******************/ +/* draw regular check and radio items using our assets */ +.check { + -gtk-icon-source: url("assets/checkbox-unchecked-dark.svg"); +} + +.check:insensitive { + -gtk-icon-source: url("assets/checkbox-unchecked-insensitive-dark.svg"); +} + +.check:checked { + -gtk-icon-source: url("assets/checkbox-checked-dark.svg"); +} + +.check:checked:insensitive { + -gtk-icon-source: url("assets/checkbox-checked-insensitive-dark.svg"); +} + +.check:inconsistent { + -gtk-icon-source: url("assets/checkbox-mixed-dark.svg"); +} + +.check:inconsistent:insensitive { + -gtk-icon-source: url("assets/checkbox-mixed-insensitive-dark.svg"); +} + +.radio { + -gtk-icon-source: url("assets/radio-unselected-dark.svg"); +} + +.radio:insensitive { + -gtk-icon-source: url("assets/radio-unselected-insensitive-dark.svg"); +} + +.radio:checked { + -gtk-icon-source: url("assets/radio-selected-dark.svg"); +} + +.radio:checked:insensitive { + -gtk-icon-source: url("assets/radio-selected-insensitive-dark.svg"); +} + +.radio:inconsistent { + -gtk-icon-source: url("assets/radio-mixed-dark.svg"); +} + +.radio:inconsistent:insensitive { + -gtk-icon-source: url("assets/radio-mixed-insensitive-dark.svg"); +} + +.menuitem.check { + -gtk-icon-source: none; +} + +.menuitem.radio { + -gtk-icon-source: none; +} + +GtkIconView.content-view.cell.check { + -gtk-icon-source: url("assets/grid-selection-unchecked-dark.svg"); +} + +GtkIconView.content-view.cell.check:active { + -gtk-icon-source: url("assets/grid-selection-checked-dark.svg"); +} diff --git a/themes/ayaya/gtk-3.0/gtk-widgets-assets.css b/themes/ayaya/gtk-3.0/gtk-widgets-assets.css new file mode 100644 index 0000000..fac92c4 --- /dev/null +++ b/themes/ayaya/gtk-3.0/gtk-widgets-assets.css @@ -0,0 +1,148 @@ +/******************* + * check and radio * + *******************/ +/* draw regular check and radio items using our assets */ +.check { + -gtk-icon-source: url("assets/checkbox-unchecked.svg"); +} + +.check:insensitive { + -gtk-icon-source: url("assets/checkbox-unchecked-insensitive.svg"); +} + +.check:checked { + -gtk-icon-source: url("assets/checkbox-checked.svg"); +} + +.check:checked:insensitive { + -gtk-icon-source: url("assets/checkbox-checked-insensitive.svg"); +} + +.check:inconsistent { + -gtk-icon-source: url("assets/checkbox-mixed.svg"); +} + +.check:inconsistent:insensitive { + -gtk-icon-source: url("assets/checkbox-mixed-insensitive.svg"); +} + +.radio { + -gtk-icon-source: url("assets/radio-unselected.svg"); +} + +.radio:insensitive { + -gtk-icon-source: url("assets/radio-unselected-insensitive.svg"); +} + +.radio:checked { + -gtk-icon-source: url("assets/radio-selected.svg"); +} + +.radio:checked:insensitive { + -gtk-icon-source: url("assets/radio-selected-insensitive.svg"); +} + +.radio:inconsistent { + -gtk-icon-source: url("assets/radio-mixed.svg"); +} + +.radio:inconsistent:insensitive { + -gtk-icon-source: url("assets/radio-mixed-insensitive.svg"); +} + +.menuitem.check { + -gtk-icon-source: none; +} + +.menuitem.check:active { + -gtk-icon-source: url("assets/menuitem-checkbox-checked.svg"); +} + +.menuitem.check:active:hover { + -gtk-icon-source: url("assets/menuitem-checkbox-checked-hover.svg"); +} + +.menuitem.check:active:insensitive { + -gtk-icon-source: url("assets/menuitem-checkbox-checked-insensitive.svg"); +} + +.menuitem.check:inconsistent:hover, +.menuitem.radio:inconsistent:hover { + -gtk-icon-source: url("assets/menuitem-checkbox-mixed-hover.svg"); +} + +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + -gtk-icon-source: url("assets/menuitem-checkbox-mixed.svg"); +} + +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + -gtk-icon-source: url("assets/menuitem-checkbox-mixed-insensitive.svg"); +} + +.menuitem.radio { + -gtk-icon-source: none; +} + +.menuitem.radio:active { + -gtk-icon-source: url("assets/menuitem-radio-checked.svg"); +} + +.menuitem.radio:active:hover { + -gtk-icon-source: url("assets/menuitem-radio-checked-hover.svg"); +} + +.menuitem.radio:active:insensitive { + -gtk-icon-source: url("assets/menuitem-radio-checked-insensitive.svg"); +} + +GtkIconView.content-view.cell.check { + -gtk-icon-source: url("assets/grid-selection-unchecked.svg"); +} + +GtkIconView.content-view.cell.check:active { + -gtk-icon-source: url("assets/grid-selection-checked.svg"); +} + +/****************** + * pane separator * + ******************/ +.pane-separator, +.pane-separator.horizontal { + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 0.8) 0%, + shade(@theme_bg_color, 0.8) 20%, + transparent 20%, + transparent 45%, + shade(@theme_bg_color, 0.8) 45%, + shade(@theme_bg_color, 0.8) 55%, + transparent 55%, + transparent 80%, + shade(@theme_bg_color, 0.8) 80%, + shade(@theme_bg_color, 0.8) + ); + + background-size: 4px 10px; + background-repeat: no-repeat; + background-position: center center; +} + +.pane-separator.vertical { + background-image: linear-gradient(to right, + shade(@theme_bg_color, 0.8) 0%, + shade(@theme_bg_color, 0.8) 20%, + transparent 20%, + transparent 45%, + shade(@theme_bg_color, 0.8) 45%, + shade(@theme_bg_color, 0.8) 55%, + transparent 55%, + transparent 80%, + shade(@theme_bg_color, 0.8) 80%, + shade(@theme_bg_color, 0.8) + ); + + background-size: 10px 4px; + background-repeat: no-repeat; + background-position: center center; +} diff --git a/themes/ayaya/gtk-3.0/gtk-widgets.css b/themes/ayaya/gtk-3.0/gtk-widgets.css new file mode 100644 index 0000000..5b0fa24 --- /dev/null +++ b/themes/ayaya/gtk-3.0/gtk-widgets.css @@ -0,0 +1,4038 @@ +/* NOTES to contributors: + * use 4 spaces indents, and keep code ALIGNED and ORDERED */ + +/* default */ +* { + -GtkArrow-arrow-scaling: 0.5; + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 1; + -GtkButton-interior-focus: true; + -GtkButtonBox-child-min-height: 24; + -GtkButtonBox-child-internal-pad-y: 1; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 14; + -GtkExpander-expander-size: 8; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkPaned-handle-size: 4; + -GtkProgressBar-min-horizontal-bar-height: 12; + -GtkProgressBar-min-vertical-bar-width: 12; + -GtkRange-slider-width: 12; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 0; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 80; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkStatusbar-shadow-type: none; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 8; + -GtkTreeView-expander-size: 8; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + /* legacy only */ + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 0; + + background-clip: padding-box; + + /* + outline-color: alpha(@theme_selected_bg_color, 0.5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -2px; + outline-radius: 2px; + */ +} + +/*************** + * base states * + ***************/ +.background { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +.background:backdrop { + text-shadow: none; + icon-shadow: none; +} + +*:selected, +*:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +*:insensitive, +*:insensitive:insensitive { + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +/* apply effects to insensitive and prelit images */ +*:insensitive { + -gtk-image-effect: dim; +} + +*:hover { + -gtk-image-effect: highlight; +} + +.gtkstyle-fallback { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +.gtkstyle-fallback:prelight { + background-color: shade(@theme_bg_color, 1.1); + color: @theme_fg_color; +} + +.gtkstyle-fallback:active { + background-color: shade(@theme_bg_color, 0.9); + color: @theme_fg_color; +} + +.gtkstyle-fallback:insensitive { + background-color: shade(shade(@theme_bg_color, 0.95), 1.05); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +GtkImage, +GtkImage:insensitive, +GtkLabel, +GtkLabel:insensitive, +GtkBox, +GtkBox:insensitive, +GtkGrid, +GtkGrid:insensitive { + background-color: transparent; +} + +/************** + * hyperlinks * + **************/ +* { + -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkWidget-link-color: @link_color; + -GtkWidget-visited-link-color: @link_color; +} + +*:link, +*:visited { + color: @link_color; +} + +/****************** + * visual effects * + ******************/ +/* transitions */ +.button { + transition: border 100ms ease-in-out; +} + +.entry { + transition: border 100ms ease-out; +} + +.entry:focus { + transition: border 100ms ease-in; +} + +.entry.image.left { + padding-right: 4px; +} + +notebook tab GtkLabel, +notebook .prelight-page, +notebook .prelight-page GtkLabel, +notebook .active-page, +notebook .active-page GtkLabel { + transition: all 200ms ease-in; +} + +/* inset shadows */ +.button:active, +.primary-toolbar .button:active, +.toolbar .button:active, +.header-bar .button:active, +.button:checked, +.primary-toolbar .button:checked, +.toolbar .button:checked, +.header-bar .button:checked, +notebook.header { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.entry { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10), + inset 0 1px alpha(@dark_shadow, 0.12), + inset -1px 0 alpha(@dark_shadow, 0.10), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +/* disable inset shadow */ +.button:active:insensitive, +.primary-toolbar .button:active:insensitive, +.toolbar .button:active:insensitive, +.header-bar .button:active:insensitive, +.button:checked:insensitive, +.primary-toolbar .button:checked:insensitive, +.toolbar .button:checked:insensitive, +.header-bar .button:checked:insensitive, +.entry:insensitive { + box-shadow: none; +} + +/************* + * assistant * + *************/ +GtkAssistant .sidebar .highlight { + font: bold; +} + +GtkAssistant .sidebar { + padding: 4px; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: shade(@theme_bg_color, 0.8); + border-radius: 0; + background-color: @theme_bg_color; + color: mix(@theme_fg_color, @theme_bg_color, 0.1); +} + +/********** + * button * + **********/ +button { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + padding: 3px; + border-width: 1px; + border-radius: 0px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + color: @theme_fg_color; +} + +button:hover { + border-color: shade(@theme_bg_color, 0.7); + background-color: shade(@theme_bg_color, 1.10); + background-image: none; +} + +button:active, +button:checked { + /*border-color: shade(@selected_bg_color, 0.8);*/ + background-color: shade(@selected_bg_color 0.95); + background-image: none; +} + +button:active:hover, +button:checked:hover { + border-color: shade(@theme_bg_color, 0.7); +} + +button:focus, +button:hover:focus, +button:active:focus, +button:active:hover:focus, +button:checked:focus, +button:checked:hover:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +button:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +button:active:insensitive, +button:checked:insensitive { + border-color: shade(@theme_bg_color, 0.75); + background-color: shade(@theme_bg_color, 0.80); + background-image: none; +} + +/* default button */ +button.default { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.08); + color: @theme_selected_fg_color; +} + +button.default:hover { + border-color: shade(@theme_selected_bg_color, 0.7); + background-color: @theme_selected_bg_color; +} + +button.default:active, +button.default:checked { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 0.95); +} + +button.default:active:hover, +button.default:checked:hover { + border-color: shade(@theme_selected_bg_color, 0.7); + background-color: shade(@theme_selected_bg_color, 0.97); +} + +button.flat, +button.flat:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; +} + + +button.flat:checked { + background-color: shade(@theme_selected_bg_color, 1.08); +} + +/**************** + * cell and row * + ****************/ +.cell { + border-width: 0; + border-radius: 0; +} + +.cell:selected, +.cell:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +row:selected, +row:selected:hover, +row:selected:focus { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + border-width: 1px 0; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +/***************** + * column-header * + *****************/ +column-header .button, +column-header .button:active, +column-header .button:checked { + border-width: 0 1px 1px 0; + border-radius: 0; +} + +column-header .button, +column-header .button:active, +column-header .button:checked, +column-header .button:focus, +column-header .button:active:focus, +column-header .button:checked:focus { + border-color: shade(@theme_base_color, 0.9); + border-bottom-color: shade(@theme_base_color, 0.8); + background-color: shade(@theme_base_color, 0.97); + background-image: none; +} + +column-header .button:hover, +column-header .button:active:hover, +column-header .button:checked:hover, +column-header .button:hover:focus, +column-header .button:active:hover:focus, +column-header .button:checked:hover:focus { + border-color: shade(@theme_base_color, 0.9); + border-bottom-color: shade(@theme_base_color, 0.8); + background-color: shade(@theme_base_color, 0.99); + background-image: none; +} + +column-header:last-child .button { + border-width: 0 0 1px 0; +} + +selection { + background-color: @theme_selected_bg_color; +} + +/**************** + * content view * + ****************/ +.content-view.subtitle { + font: smaller; + padding: 0 12px; +} + +.content-view.view { + background-color: @theme_base_color; +} + +.content-view.view:prelight { + background-color: alpha(@theme_selected_bg_color, 0.6); +} + +.content-view.view:selected, +.content-view.view:active { + background-color: @theme_selected_bg_color; +} + +.content-view.view:insensitive { + background-color: shade(@theme_base_color, 0.9); +} + +GdMainIconView.content-view { + -GdMainIconView-icon-size: 40; +} + +GtkIconView.content-view.check { + background-color: transparent; +} + +GtkIconView.content-view.check:active { + background-color: transparent; +} + +.content-view.view.check, +.content-view.view.check:active { + background-color: transparent; +} + +GtkIconView.content-view.check:prelight, +GtkIconView.content-view.check:insensitive, +GtkIconView.content-view.check:selected { + background-color: transparent; +} + +/**************** + * drawing area * + ****************/ +GtkDrawingArea { + background-color: transparent; +} + +GtkDrawingArea:insensitive { + background-color: shade(@theme_base_color, 0.9); +} + +/*********** + * gtkhtml * + ***********/ +GtkHTML { + background-color: @theme_base_color; + color: @theme_text_color; +} + +/*********** +* calendar * +************/ +GtkCalendar { + padding: 4px; + outline-offset: -1px; +} + +GtkCalendar:inconsistent { + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +GtkCalendar.view, +GtkCalendar.header, +GtkCalendar.button, +GtkCalendar.button:hover, +GtkCalendar.button:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; +} + +.highlight, +GtkCalendar.highlight { + border-width: 0; + background-color: transparent; + color: @theme_selected_bg_color; +} + +/****************** + * combobox entry * + ******************/ +.primary-toolbar GtkComboBox.combobox-entry .entry, +.primary-toolbar GtkComboBox.combobox-entry .entry:active, +.primary-toolbar GtkComboBox.combobox-entry .entry:focus, +.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, +GtkComboBox.combobox-entry .entry, +GtkComboBox.combobox-entry .entry:active, +GtkComboBox.combobox-entry .entry:focus, +GtkComboBox.combobox-entry .entry:insensitive { + border-width: 1px 0 1px 1px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:hover, +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:checked, +.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, +GtkComboBox.combobox-entry .button, +GtkComboBox.combobox-entry .button:hover, +GtkComboBox.combobox-entry .button:active, +GtkComboBox.combobox-entry .button:checked, +GtkComboBox.combobox-entry .button:insensitive { + border-width: 1px 1px 1px 1px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/********* + * entry * + *********/ +.entry { + padding: 4px 3px; + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +.entry:active, +.entry:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +.entry:selected, +.entry:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +.entry:insensitive { + background-color: shade(@theme_bg_color, 0.95); + background-image: none; + color: mix(@theme_text_color, @theme_base_color, 0.5); +} + +.entry.progressbar { + border-width: 0; + border-radius: 2px; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +/************ + * expander * +************/ +GtkExpander { + padding: 3px; + outline-offset: 1px; +} + +.expander { + color: alpha(currentColor, 0.7); + border: alpha(currentColor, 0.7); +} + +.expander:hover { + color: alpha(currentColor, 0.8); + border-color: alpha(currentColor, 0.8); +} + +.expander:active { + color: alpha(currentColor, 0.9); + border-color: alpha(currentColor, 0.9); +} + +/************** + * list boxes * + **************/ +.list { + background-image: none; + background-color: transparent; +} + +.list-row { + border: none; + border-radius: 0; + padding: 3px; + background-image: none; + background-color: transparent; +} + +.list-row:hover { + background-image: none; + background-color: shade(@theme_bg_color, 1.02); +} + +.list-row:selected { + background-image: none; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/************** +* flow boxes * +**************/ + +.grid-child { + padding: 3px; +} + +/********* + * frame * + *********/ +.frame { + border: 1px solid shade(@theme_bg_color, 0.8); + border-radius: 0; +} + +.frame.flat { border: none; } + +/******************* + * scrolled window * + *******************/ +GtkScrolledWindow.frame { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; +} + +/* avoid double borders when a viewport is + * packed into a GtkScrolledWindow */ +GtkScrolledWindow GtkViewport.frame { + border-style: none; +} + +/************ + * iconview * + ************/ +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 2px; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.content-view.view.rubberband, +.view.rubberband, +.rubberband { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 0; + background-color: alpha(@theme_selected_bg_color, 0.3); +} + +/*********** + * infobar * + ***********/ +GtkInfoBar { + border-width: 0; + border-style: none; +} + +.info { + border-width: 1px; + border-style: solid; + border-color: shade(@info_bg_color, 0.8); + background-color: @info_bg_color; + background-image: none; + color: @info_fg_color; +} + +.info .button { + border-top-color: shade(@info_bg_color, 0.8); + border-right-color: shade(@info_bg_color, 0.72); + border-left-color: shade(@info_bg_color, 0.72); + border-bottom-color: shade(@info_bg_color, 0.7); + background-color: shade(@info_bg_color, 1.08); + color: @info_fg_color; +} + +.info .button:hover { + border-top-color: shade(@info_bg_color, 0.85); + border-right-color: shade(@info_bg_color, 0.78); + border-left-color: shade(@info_bg_color, 0.78); + border-bottom-color: shade(@info_bg_color, 0.7); + background-color: shade(@info_bg_color, 1.10); +} + +.info .button:active, +.info .button:checked { + border-color: shade(@info_bg_color, 0.6); + background-color: shade(@info_bg_color, 0.95); +} + +.info .button:active:hover, +.info .button:active:checked { + border-top-color: shade(@info_bg_color, 0.85); + border-right-color: shade(@info_bg_color, 0.78); + border-left-color: shade(@info_bg_color, 0.78); + border-bottom-color: shade(@info_bg_color, 0.7); +} + +.info .button.close { + color: @info_fg_color; +} + +.info .button.close:hover { + background-color: alpha(white, 0.2); +} + +.info .button.close:active { + color: @info_fg_color; + background-color: alpha(black, 0.1); +} + +.warning { + border-width: 1px; + border-style: solid; + border-color: shade(@warning_bg_color, 0.8); + background-color: @warning_bg_color; + background-image: none; + color: @warning_fg_color; +} + +.warning .button { + border-top-color: shade(@warning_bg_color, 0.8); + border-right-color: shade(@warning_bg_color, 0.72); + border-left-color: shade(@warning_bg_color, 0.72); + border-bottom-color: shade(@warning_bg_color, 0.7); + background-color: shade(@warning_bg_color, 1.08); + color: @warning_fg_color; +} + +.warning .button:hover { + border-top-color: shade(@warning_bg_color, 0.85); + border-right-color: shade(@warning_bg_color, 0.78); + border-left-color: shade(@warning_bg_color, 0.78); + border-bottom-color: shade(@warning_bg_color, 0.7); + background-color: shade(@warning_bg_color, 1.10); +} + +.warning .button:active, +.warning .button:checked { + border-color: shade(@warning_bg_color, 0.6); + background-color: shade(@warning_bg_color, 0.95); +} + +.warning .button:active:hover, +.warning .button:checked:hover { + border-top-color: shade(@warning_bg_color, 0.85); + border-right-color: shade(@warning_bg_color, 0.78); + border-left-color: shade(@warning_bg_color, 0.78); + border-bottom-color: shade(@warning_bg_color, 0.7); +} + +.warning .button.close { + color: @warning_fg_color; +} + +.warning .button.close:hover { + background-color: alpha(white, 0.2); +} + +.warning .button.close:active { + color: @warning_fg_color; + background-color: alpha(black, 0.1); +} + +.question { + border-width: 1px; + border-style: solid; + border-color: shade(@question_bg_color, 0.8); + background-color: @question_bg_color; + background-image: none; + color: @question_fg_color; +} + +.question .button { + border-top-color: shade(@question_bg_color, 0.8); + border-right-color: shade(@question_bg_color, 0.72); + border-left-color: shade(@question_bg_color, 0.72); + border-bottom-color: shade(@question_bg_color, 0.7); + background-color: shade(@question_bg_color, 1.08); + color: @question_fg_color; +} + +.question .button:hover { + border-top-color: shade(@question_bg_color, 0.85); + border-right-color: shade(@question_bg_color, 0.78); + border-left-color: shade(@question_bg_color, 0.78); + border-bottom-color: shade(@question_bg_color, 0.7); + background-color: shade(@question_bg_color, 1.10); +} + +.question .button:active, +.question .button:checked { + border-color: shade(@question_bg_color, 0.6); + background-color: shade(@question_bg_color, 0.95); +} + +.question .button:active:hover, +.question .button:checked:hover { + border-top-color: shade(@question_bg_color, 0.85); + border-right-color: shade(@question_bg_color, 0.78); + border-left-color: shade(@question_bg_color, 0.78); + border-bottom-color: shade(@question_bg_color, 0.7); +} + +.question .button.close { + color: @question_fg_color; +} + +.question .button.close:hover { + background-color: alpha(white, 0.2); +} + +.question .button.close:active { + color: @question_fg_color; + background-color: alpha(black, 0.1); +} + +.error { + border-width: 1px; + border-style: solid; + border-color: shade(@error_bg_color, 0.8); + background-color: @error_bg_color; + background-image: none; + color: @error_fg_color; +} + +.error .button { + border-top-color: shade(@error_bg_color, 0.8); + border-right-color: shade(@error_bg_color, 0.72); + border-left-color: shade(@error_bg_color, 0.72); + border-bottom-color: shade(@error_bg_color, 0.7); + background-color: shade(@error_bg_color, 1.08); + color: @error_fg_color; +} + +.error .button:hover { + border-top-color: shade(@error_bg_color, 0.85); + border-right-color: shade(@error_bg_color, 0.78); + border-left-color: shade(@error_bg_color, 0.78); + border-bottom-color: shade(@error_bg_color, 0.7); + background-color: shade(@error_bg_color, 1.10); +} + +.error .button:active, +.error .button:checked { + border-color: shade(@error_bg_color, 0.6); + background-color: shade(@error_bg_color, 0.95); +} + +.error .button:active:hover, +.error .button:checked:hover { + border-top-color: shade(@error_bg_color, 0.85); + border-right-color: shade(@error_bg_color, 0.78); + border-left-color: shade(@error_bg_color, 0.78); + border-bottom-color: shade(@error_bg_color, 0.7); +} + +.error .button.close { + color: @error_fg_color; +} + +.error .button.close:hover { + background-color: alpha(white, 0.2); +} + +.error .button.close:active { + color: @error_fg_color; + background-color: alpha(black, 0.1); +} + +/******************* + * symbolic images * + *******************/ +.image { + color: alpha(currentColor, 0.5); +} + +.image:hover { + color: alpha(currentColor, 0.9); +} + +.image:selected, +.image:selected:hover { + color: @theme_selected_fg_color; +} + +.view.image, +.view.image:hover { + color: alpha(currentColor, 0.9); +} + +.view.image:selected, +.view.image:selected:hover { + color: @theme_selected_fg_color; +} + +/***************** + * miscellaneous * + *****************/ +.floating-bar { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; +} + +.floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.floating-bar.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.floating-bar .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border-style: none; + background-color: transparent; + background-image: none; +} + +.view.dim-label, +.dim-label { + color: alpha(currentColor, 0.5); +} + +.dnd { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); +} + +.grip { + background-color: transparent; +} + +.arrow { + color: alpha(currentColor, 0.7); +} + +/******** + * menu * + ********/ +GtkTreeMenu.menu, +GtkMenuToolButton.menu, +GtkComboBox .menu { + background-color: @menu_bg_color; + margin: 3px; +} + +.primary-toolbar .menu, +.primary-toolbar .button .menu, +.toolbar .menu, +.toolbar .primary-toolbar .menu, +.header-bar .menu, +.header-bar .primary-toolbar .menu, +.menu { + padding: 0; + border-radius: 0; + border-style: none; + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +/* Hover-effect on play-button in ubuntu soundmenu */ +.menu:selected { + background-color: @selected_bg_color; +} + +.menu.button:hover, +.menu.button:active, +.menu.button:checked, +.menu.button:active:insensitive, +.menu.button:checked:insensitive, +.menu.button:insensitive, +.menu.button { + border-width: 0; + background-color: @menu_bg_color; + background-image: none; +} + +.context-menu { + font: initial; +} + +/* ubuntu software center menu */ +#toolbar-popup { + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +/*********** + * menubar * + ***********/ +.menubar { + -GtkWidget-window-dragging: true; + + border-style: none; + background-color: @menubar_bg_color; + background-image: none; + color: @menubar_fg_color; +} + +/*************** + * menubaritem * + ***************/ +.menubar.menuitem, +.menubar .menuitem { + padding: 3px 5px; + margin-left: 5px; + margin-right: 5px; + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: transparent; + background-image: none; + /*color: @menubar_fg_color;*/ + color: #ff0000; +} + +.menubar.menuitem:hover, +.menubar .menuitem:hover { + border-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21); + background-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21); + background-image: none; + color: shade(@menubar_fg_color, 1.08); +} + +.menubar .menuitem *:hover { + color: shade(@menubar_fg_color, 1.08); +} + +menuitem { + margin-left: 5px; + margin-right: 5px; + font-weight: normal; +} + +/************ + * menuitem * + ************/ +GtkTreeMenu .menuitem { + color: #ff0000; + padding: 5px; + border-width: 0; +} + +.menuitem, +.menu .menuitem { + -GtkMenuItem-arrow-scaling: 0.5; + + padding: 3px; + border-width: 1px; + border-style: solid; + border-color: transparent; + border-radius: 0; + background-color: transparent; + background-image: none; + /*color: @menu_fg_color;*/ + + color: #ff0000; + padding: 5px; +} + +menuitem label { + margin-left: 3px; +} + +.menu .menuitem:active, +.menu .menuitem:hover { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; +} + +.menu .menuitem:active, +.menu .menuitem *:active, +.menu .menuitem:hover, +.menu .menuitem *:hover { + color: @theme_selected_fg_color; +} + +.menu .menuitem:insensitive, +.menu .menuitem *:insensitive { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem.check, +.menuitem.radio, +.menuitem.check:hover, +.menuitem.radio:hover, +.menuitem.check:insensitive, +.menuitem.radio:insensitive { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem.check:active, +.menuitem.radio:active { + border-style: none; + background-color: transparent; +} + +.menuitem GtkCalendar:inconsistent { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem GtkCalendar.button { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem .entry { + border-color: shade(@menu_bg_color, 0.7); + background-color: @menu_bg_color; + background-image: none; + color: #ff0000; + } + + +.menuitem .entry:active, +.menuitem .entry:focus { + border-color: shade(@menu_bg_color, 0.7); +} + +.menuitem .accelerator { + color: #ff0000; + margin: 20px; + display: none; +} + +.menuitem .accelerator:hover { + color: alpha(@theme_selected_fg_color, 0.8); +} + +.menuitem .accelerator:insensitive { + color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6); +} + +GtkMenuItem { + color: #ff0000; +} + +GtkModelMenuItem GtkBox GtkImage { + color: #ff0000; + padding-right: 4px; +} + +/************ + * popovers * + ************/ +GtkPopover { + margin: 10px; + padding: 2px; + border-radius: 2px; + border-color: shade(@menu_bg_color, 0.8); + border-width: 1px; + border-style: solid; + background-clip: border-box; + background-image: none; + background-color: @menu_bg_color; + color: @menu_fg_color; + box-shadow: 0 2px 3px alpha(black, 0.5); +} + +GtkPopover.background { + background-image: none; + background-color: @menu_bg_color; +} + +GtkPopover:backdrop { + box-shadow: none; +} + +GtkPopover.osd { + box-shadow: 0 2px 7px 3px alpha(black, 0.5); +} + +GtkPopover > .list, +GtkPopover > .view, +GtkPopover > .toolbar { + background-image: none; + background-color: transparent; +} + +GtkPopover .list-row { + color: @menu_fg_color; +} + +GtkPopover .list-row:hover { + background-image: none; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +GtkPopover .frame { + border: 1px solid mix(@menu_bg_color, @menu_fg_color, 0.12); + border-radius: 2px; +} + +GtkPopover .entry { + border-color: mix(@menu_bg_color, @menu_fg_color, 0.12); + background-color: @menu_bg_color; + background-image: none; + color: @menu_fg_color; +} + +GtkPopover .entry:hover, +GtkPopover .entry:focus, +GtkPopover .entry:active { + border-color: mix(@menu_bg_color, @menu_fg_color, 0.21); +} + +GtkPopover.osd > .toolbar .button { + border-radius: 0; + border-width: 0; + background-image: none; + background-color: transparent; +} + +GtkPopover .separator { + border: 0; + background-color: transparent; + color: alpha(currentColor, 0.1); + font-size: 80%; + font-weight: bold; +} + +.menuitem.button { + padding-right: 20px; + color: #ff0000; +} + +.menuitem.button, +.menuitem.button:active, +.menuitem.button:checked, +.menuitem.button:insensitive, +.menuitem.button:active:insensitive, +.menuitem.button:checked:insensitive { + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + padding-right: 20px; + color: #ff0000; +} + +.menuitem.button:active:hover, +.menuitem.button:checked:hover, +.menuitem.button:hover, +.menuitem.button:selected { + border: none; + background-image: none; + padding-right: 20px; + color: #ff0000; +} + +GtkModelButton.button { + color: @menu_fg_color; +} + + +GtkModelButton.button:focus, +GtkModelButton.button:active:focus, +GtkModelButton.button:checked:focus, +GtkModelButton.button:active, +GtkModelButton.button:checked, +GtkModelButton.button:insensitive:insensitive, +GtkModelButton.button:active:insensitive, +GtkModelButton.button:checked:insensitive, +GtkModelButton.button { + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; +} + +GtkModelButton.button:backdrop, +GtkModelButton.button:hover:backdrop, +GtkModelButton.button:insensitive:backdrop, +GtkModelButton.button:active:insensitive:backdrop, +GtkModelButton.button:active:backdrop, +GtkModelButton.button:active:hover:backdrop, +GtkModelButton.button:active:selected:backdrop, +GtkModelButton.button:checked:insensitive:backdrop, +GtkModelButton.button:checked:backdrop, +GtkModelButton.button:checked:hover:backdrop, +GtkModelButton.button:checked:selected:backdrop { + text-shadow: none; + icon-shadow: none; + color: @theme_selected_fg_color; + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; +} + +GtkModelButton.button:active:hover, +GtkModelButton.button:checked:hover, +GtkModelButton.button:hover, +GtkModelButton.button:selected { + background-image: none; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + text-shadow: none; + border-width: 0; + border-color: transparent; + border-radius: 2px; +} + +/************ + * notebook * + ************/ +notebook { + padding: 0; + border-width: 1px 0 0 0; + border-style: solid; + border-color: shade(@theme_base_color, 0.7); + border-radius: 0; + background-color: @theme_base_color; + background-image: none; + background-clip: border-box; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; +} + +notebook.frame { + border-width: 1px; +} + +notebook.header { + border-width: 0; + background-color: shade(@theme_base_color, 0.85); +} + +notebook.header.frame { + border-color: shade(@theme_base_color, 0.75); +} + +notebook.header.frame.top { + border-width: 1px 1px 0 1px; +} + +notebook.header.frame.right { + border-width: 1px 1px 1px 0; +} + +notebook.header.frame.bottom { + border-width: 0 1px 1px 1px; +} + +notebook.header.frame.left { + border-width: 1px 0 1px 1px; +} + +notebook GtkViewport { + border-width: 0; + background-color: @theme_base_color; + color: @theme_text_color; +} + +notebook tab { + padding: 4px 6px; + border-style: solid; + border-width: 1px; + border-color: transparent; + background-color: transparent; + background-image: none; +} + +notebook tab:active { + background-color: transparent; + background-image: none; +} + +notebook tab.top { + border-bottom-width: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +notebook tab.top:hover { + border-bottom-color: alpha(@theme_selected_bg_color, 0.3); +} + +notebook tab.top:active { + border-bottom-color: @theme_selected_bg_color; +} + +notebook tab.right { + border-left-width: 2px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +notebook tab.right:hover { + border-left-color: alpha(@theme_selected_bg_color, 0.3); +} + +notebook tab.right:active { + border-left-color: @theme_selected_bg_color; +} + +notebook tab.bottom { + border-top-width: 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +notebook tab.bottom:hover { + border-top-color: alpha(@theme_selected_bg_color, 0.3); +} + +notebook tab.bottom:active { + border-top-color: @theme_selected_bg_color; +} + +notebook tab.left { + border-right-width: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +notebook tab.left:hover { + border-right-color: alpha(@theme_selected_bg_color, 0.3); +} + +notebook tab.left:active { + border-right-color: @theme_selected_bg_color; +} + +notebook tab GtkLabel { + color: mix(@theme_text_color, @theme_base_color, 0.3); +} + +notebook .prelight-page, +notebook .prelight-page GtkLabel { + color: mix (@theme_text_color, @theme_base_color, 0.15); +} + +notebook .active-page, +notebook .active-page GtkLabel { + color: @theme_text_color; +} + +notebook tab.reorderable-page:hover { + background-color: shade(@theme_base_color, 0.85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03), + inset 1px 0 shade(@theme_base_color, 0.7), inset -1px 0 shade(@theme_base_color, 0.7); +} + +notebook tab.reorderable-page:active { + background-color: shade(@theme_base_color, 0.90); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03), + inset 1px 0 shade(@theme_base_color, 0.75), inset -1px 0 shade(@theme_base_color, 0.75); +} + +/* close button styling */ +notebook tab .button, +notebook tab .button:active, +notebook tab .button:checked, +notebook tab .button:hover { + padding: 1px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: transparent; + background-image: none; + background-color: transparent; + color: mix(@theme_text_color, @theme_base_color, 0.5); +} + +notebook tab .button:hover { + color: @theme_text_color; + border-color: shade(@theme_base_color, 0.8); +} + +notebook tab .button:active, +notebook tab .button:checked, +notebook tab .button:active:hover, +notebook tab .button:checked:hover { + border-color: shade(@theme_base_color, 0.7); + background-color: shade(@theme_base_color, 0.95); +} + +/****************** + * pane separator * + ******************/ +.pane-separator { + background-color: @theme_bg_color; + color: transparent; +} + +/************************* + * progressbar and scale * + *************************/ +GtkProgressBar { + padding: 0; + border-width: 1px; + border-radius: 2px; + font-size: smaller; + color: alpha(@theme_fg_color, 0.6); +} + +/*progressbar, +progressbar row, +progressbar row:hover, +progressbar row:selected, +progressbar row:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to bottom, + @theme_selected_bg_color, + @theme_selected_bg_color + ); +} + +progressbar.vertical { + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to right, + @theme_selected_bg_color, + @theme_selected_bg_color + ); +}*/ + +trough, +trough row, +trough row:hover, +trough row:selected, +trough row:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +progress { + background: @selected_bg_color; +} + +trough slider { + border: 1px solid @theme_text_color; +} + +trough > block.filled { + min-width: 1px; + min-height: 1px; + background: @selected_bg_color; +} + +trough > block.empty { + + min-width: 1px; + min-height: 1px; + background: none; +} + +trough.vertical { + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +/* level bars as used for password quality or remaining power */ +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 2; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 2; + -GtkLevelBar-min-block-height: 34; +} + +level-bar.trough { + padding: 1px; + border-radius: 2px; +} + +level-bar.fill-block { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; +} + +level-bar.indicator-continuous.fill-block { + padding: 1px; + border-radius: 2px; +} + +level-bar.indicator-discrete.fill-block.horizontal { + margin: 0 1px; +} + +level-bar.indicator-discrete.fill-block.vertical { + margin: 1px 0; +} + +/* discrete indicator border rounding, + uncomment when :nth-child will be working + on the widget + +.level-bar.indicator-discrete.fill-block.horizontal:first-child { + border-radius: 2px 0 0 2px; +} + +.level-bar.indicator-discrete.fill-block.horizontal:last-child { + border-radius: 0 2px 2px 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:first-child { + border-radius: 2px 2px 0 0; +} + +.level-bar.indicator-discrete.fill-block.vertical:last-child { + border-radius: 0 0 2px 2px; +} +*/ + +level-bar.fill-block.level-high { + border-color: shade(@success_color, 0.85); + background-image: linear-gradient(to bottom, + shade(@success_color, 1.2), + @success_color 75%, + shade(@success_color, 0.95) + ); +} + +level-bar.fill-block.level-low { + border-color: shade(@warning_color, 0.80); + background-image: linear-gradient(to bottom, + shade(@warning_color, 1.3), + @warning_color 75%, + shade(@warning_color, 0.9) + ); +} + +level-bar.fill-block.empty-fill-block { + border-color: alpha(@theme_fg_color, 0.1); + background-color: transparent; + background-image: none; +} + +scale { + -GtkRange-slider-width: 16; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 16; + + padding: 0; + border-width: 1px; + border-radius: 2px; + outline-offset: -1px; +} + + +GtkScale.horizontal { + border-radius: 8px; + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + /* we will draw the border using box shadow for now */ + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.8), + inset 0 1px shade(@theme_bg_color, 0.8), + inset -1px 0 shade(@theme_bg_color, 0.8), + inset 0 -1px shade(@theme_bg_color, 0.8); +} + +GtkScale.horizontal:hover { + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7), + inset 0 1px shade(@theme_bg_color, 0.7), + inset -1px 0 shade(@theme_bg_color, 0.7), + inset 0 -1px shade(@theme_bg_color, 0.7); +} + +scale.slider:insensitive { + background-color: shade(@theme_bg_color, 0.9); + background-image: none; + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.85), + inset 0 1px shade(@theme_bg_color, 0.85), + inset -1px 0 shade(@theme_bg_color, 0.85), + inset 0 -1px shade(@theme_bg_color, 0.85); +} + +scale.slider.fine-tune:active, +scale.slider.fine-tune:active:hover, +scale.slider.fine-tune.horizontal:active, +scale.slider.fine-tune.horizontal:active:hover { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; +} + +scale.mark { + border-color: shade(@theme_bg_color, 0.8); +} + +scale.trough { + margin: 7px 0; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +scale.trough.vertical { + margin: 0 7px; +} + +menuitem .scale.highlight.left, +scale.highlight.left { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + background-image: none; +} + +menuitem .scale.highlight.left:hover { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 0.8); +} + +scale.highlight.bottom { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + background-image: none; +} + +scale.trough:insensitive, +scale.highlight.left:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +/************* + * scrollbar * + *************/ +scrollbar { + border-width: 1px; + border-style: solid; + padding: 0; +} + +scrollbars-junction, +scrollbar.trough { + border-width: 0; + border-radius: 0; + background-color: @theme_bg_color; + background-image: none; +} + +scrollbar.button, +scrollbar.button:active, +scrollbar.button:checked, +scrollbar.button:active:hover, +scrollbar.button:checked:hover { + border-width: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + color: shade(@theme_bg_color, 0.6); +} + +scrollbar.slider { + border-width: 1px; + border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.21); + border-radius: 0; + background-color: mix(@theme_bg_color, @theme_fg_color, 0.21); +} + +scrollbar.slider:hover, +scrollbar.slider.vertical:hover { + border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.31); + background-color: mix(@theme_bg_color, @theme_fg_color, 0.31); +} + +scrollbar.slider:active, +scrollbar.slider.vertical:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; +} + +scrollbar.slider.fine-tune:prelight:active { + border-width: 2px; + border-color: transparent; +} + +/* overlay scrollbar */ +OsThumb { + color: shade(@theme_bg_color, 0.7); +} + + +switch > slider { + background: rgba( 21, 22, 24, 0.8 ) +} + +switch > image { + border: 1px solid @selected_bg_color; +} + +scale slider { + min-height: 12px; + min-width: 1px; + margin: -4px; + margin-bottom: -6px; + border-radius: 0; + padding: 2px; + border: 1px solid @selected_bg_color; +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @theme_selected_bg_color; +} + +OsThumb:active, +OsScrollbar:active { + background-color: @theme_selected_bg_color; +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: shade(@theme_bg_color, 0.9); +} + +/************* + * separator * + *************/ +.sidebar.separator, +.sidebar.view.separator, +.sidebar .view.separator, +.view.separator, +.separator { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.9); + color: shade(@theme_bg_color, 0.9); +} + +.button .separator, +.button.separator { + border-color: shade(@theme_bg_color, 0.95); +} + +.button .separator:insensitive, +.button.separator:insensitive { + border-color: shade(@theme_bg_color, 0.85); +} + +.primary-toolbar GtkSeparatorToolItem, +.primary-toolbar .separator, +.primary-toolbar .separator:insensitive, +.toolbar GtkSeparatorToolItem, +.toolbar .separator, +.toolbar .separator:insensitive { + -GtkWidget-window-dragging: true; + + border-color: shade(@toolbar_bg_color, 0.95); + color: shade(@toolbar_bg_color, 0.95); +} + +.header-bar GtkSeparatorToolItem, +.header-bar .separator, +.header-bar .separator:insensitive, +.titlebar GtkSeparatorToolItem, +.titlebar .separator, +.titlebar .separator:insensitive { + -GtkWidget-window-dragging: true; + + border-color: shade(@titlebar_bg_color, 0.95); + color: shade(@titlebar_bg_color, 0.95); +} + +.primary-toolbar .button .separator, +.primary-toolbar .button.separator, +.toolbar .button .separator, +.toolbar .button.separator { + border-color: shade(@toolbar_bg_color, 0.95); +} + +.header-bar .button .separator, +.header-bar .button.separator, +.titlebar .button .separator, +.titlebar .button.separator { + border-color: shade(@titlebar_bg_color, 0.95); +} + +.primary-toolbar .button .separator:insensitive, +.primary-toolbar .button.separator:insensitive, +.toolbar .button .separator:insensitive, +.toolbar .button.separator:insensitive { + border-color: shade(@toolbar_bg_color, 0.85); +} + +.header-bar .button .separator:insensitive, +.header-bar .button.separator:insensitive, +.titlebar .button .separator:insensitive, +.titlebar .button.separator:insensitive { + border-color: shade(@titlebar_bg_color, 0.85); +} + +.menuitem.separator { + -GtkMenuItem-horizontal-padding: 6; + -GtkWidget-separator-height: 1; + + color: #ff0000; + + border-style: 1px solid @theme_bg_color; + color: shade(@menu_bg_color, 0.9); +} + +GtkComboBox .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + + border-style: none; +} + +/*********** + * sidebar * + ***********/ +.sidebar, +.sidebar.view, +.sidebar .view, +.sidebar GtkScrolledWindow { + background-color: @theme_bg_color; + color: mix(@theme_fg_color, @theme_bg_color, 0.1); +} + +.sidebar row:selected, +.sidebar row:selected:hover, +.sidebar row:selected:focus, +.sidebar .view row:selected, +.sidebar .view row:selected:hover, +.sidebar .view row:selected:focus { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.sidebar row:prelight, +.sidebar .view row:prelight { + border-color: shade(@theme_bg_color, 1.05); + background-color: shade(@theme_bg_color, 1.05); + background-image: none; + color: @theme_fg_color; +} + +.sidebar row:selected:prelight, +.sidebar .view row:selected:prelight { + border-color: shade(@theme_selected_bg_color, 1.05); + background-color: shade(@theme_selected_bg_color, 1.05); + background-image: none; + color: @theme_selected_fg_color; +} + +.sidebar .frame { + border-width: 0; +} + +/************** + * spinbutton * + **************/ +.spinbutton .button { + color: mix(@theme_text_color, @theme_base_color, 0.4); + padding: 2px 4px; + border-width: 0; + border-radius: 0; + border-style: none; + background-color: transparent; + background-image: none; + box-shadow: inset 1px 0 shade(@theme_base_color, 0.9); +} + +.spinbutton .button:insensitive { + color: mix(@theme_text_color, @theme_base_color, 0.7); + box-shadow: inset 1px 0 shade(@theme_bg_color, 0.95); +} + +.spinbutton .button:active, +.spinbutton .button:checked, +.spinbutton .button:hover { + color: @theme_fg_color; +} + +.spinbutton .button:first-child { + border-radius: 2px 0 0 2px; + box-shadow: none; +} + +.spinbutton .button:last-child { + border-radius: 0 2px 2px 0; +} + +.spinbutton .button:dir(rtl) { + box-shadow: inset -1px 0 shade(@theme_base_color, 0.9); +} + +.spinbutton.vertical .button { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 2px; + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + color: @theme_fg_color; + box-shadow: none; +} + +.spinbutton.vertical .button:hover { + border-color: shade(@theme_bg_color, 0.7); + background-color: shade(@theme_bg_color, 1.10); + background-image: none; +} + +.spinbutton.vertical .button:active, +.spinbutton.vertical .button:checked { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.95); + background-image: none; +} + +.spinbutton.vertical .button:active:hover, +.spinbutton.vertical .button:checked:hover { + border-color: shade(@theme_bg_color, 0.7); +} + +.spinbutton.vertical .button:focus, +.spinbutton.vertical .button:hover:focus, +.spinbutton.vertical .button:active:focus, +.spinbutton.vertical .button:active:hover:focus, +.spinbutton.vertical .button:checked:focus, +.spinbutton.vertical .button:checked:hover:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +.spinbutton.vertical .button:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +.spinbutton.vertical .button:first-child { + border-width: 1px; + border-bottom-width: 0; + border-radius: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.spinbutton.vertical .button:last-child { + border-width: 1px; + border-top-width: 0; + border-radius: 2px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.spinbutton.vertical.entry { + border-width: 1px; + border-style: solid; + border-radius: 0; +} + +/*********** + * spinner * + ***********/ +@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; } + +.menu.spinner, +.menu .spinner, +.menu .spinner:hover, +.primary-toolbar .spinner { + color: @theme_selected_bg_color; + border: none; + box-shadow: none; +} + +/************* + * statusbar * + *************/ +GtkStatusbar { + padding: 4px; + color: @theme_fg_color; +} + +/********** + * switch * + **********/ +GtkSwitch { + padding: 0; + border-radius: 2px; + font: bold condensed; + outline-offset: -4px; +} + +GtkSwitch.slider { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 1.08); + background-image: none; +} + +GtkSwitch.slider:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +GtkSwitch.trough { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.95); + background-image: none; + color: @theme_fg_color; +} + +GtkSwitch.trough:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +GtkSwitch.trough:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +/************ + * textview * + ************/ +GtkTextView { + background-color: @theme_base_color; + color: @theme_text_color; +} + +/***************** + * color chooser * + *****************/ +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 1px; + border-style: solid; + border-color: alpha(black, 0.1); + border-radius: 1px; + background-color: transparent; + background-clip: border-box; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border-color: alpha(black, 0.3); +} + +GtkColorSwatch.color-dark:hover { +} + +GtkColorSwatch.color-light:hover { +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorSwatch:only-child { + border-radius: 2px; +} + +GtkColorSwatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +GtkColorSwatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: alpha(black, 0.1); + background-color: shade(@theme_bg_color, 0.95); + color: @theme_fg_color; +} + +GtkColorChooserWidget #add-color-button:hover { + border-color: alpha(black, 0.3); + background-color: shade(@theme_bg_color, 0.90); + color: @theme_fg_color; +} + +.color-active-badge, +.color-active-badge:selected { + border-width: 1px; + border-style: solid; + border-width: 2px; + background-color: transparent; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border-color: alpha(black, 0.3); + color: alpha(black, 0.3); +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border-color: alpha(white, 0.3); + color: alpha(white, 0.3); +} + +GtkColorEditor GtkColorSwatch { + border-radius: 2px; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + background-image: none; + border-color: alpha(black, 0.3); +} + +GtkColorButton.button { + padding: 2px; +} + +/************** + * header-bar * + **************/ +.header-bar { + padding: 4px; + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(@titlebar_bg_color, 0.8); + background-color: @titlebar_bg_color; + background-image: none; + color: @titlebar_fg_color; +} + +.header-bar .button.text-button { + padding: 4px; +} + +.header-bar .button.image-button { + padding: 6px; +} + +.header-bar .title { + font: bold; + padding: 0 12px; +} + +.header-bar .subtitle { + font: smaller; + padding: 0 12px; +} + +.header-bar GtkComboBox, +.header-bar .button { + border-color: shade(@titlebar_bg_color, 0.8); + background-color: shade(@titlebar_bg_color, 1.08); + background-image: none; + color: @titlebar_fg_color; +} + +.header-bar .button:hover { + border-color: shade(@titlebar_bg_color, 0.7); + background-color: shade(@titlebar_bg_color, 1.10); + background-image: none; +} + +.header-bar .button:active, +.header-bar .button:checked { + border-color: shade(@titlebar_bg_color, 0.8); + background-color: shade(@titlebar_bg_color, 0.95); + background-image: none; +} + +.header-bar .button:active:hover, +.header-bar .button:checked:hover { + border-color: shade(@titlebar_bg_color, 0.7); +} + +.header-bar .button:focus, +.header-bar .button:hover:focus, +.header-bar .button:active:focus, +.header-bar .button:checked:focus, +.header-bar .button:active:hover:focus +.header-bar .button:checked:hover:focus { + border-color: shade(@titlebar_bg_color, 0.7); +} + +.header-bar .button:insensitive { + border-color: shade(@titlebar_bg_color, 0.85); + background-color: shade(@titlebar_bg_color, 0.9); + background-image: none; +} + +.header-bar .button:active:insensitive, +.header-bar .button:checked:insensitive { + border-color: shade(@titlebar_bg_color, 0.75); + background-color: shade(@titlebar_bg_color, 0.80); + background-image: none; +} + +.header-bar .entry { + border-color: shade(@titlebar_bg_color, 0.8); +} + +.header-bar .entry:active, +.header-bar .entry:focus { + border-color: shade(@titlebar_bg_color, 0.7); +} + +/*********** + * toolbar * + ***********/ +.toolbar { + padding: 4px; + border-style: none; + background-color: @toolbar_bg_color; + background-image: none; + color: @toolbar_fg_color; +} + +.toolbar .button { + padding: 2px; +} + +.toolbar .button.text-button { + padding: 2px 4px; +} + +.toolbar .button.image-button { + padding: 4px 3px 3px 4px; +} + +.toolbar:insensitive { + background-color: shade(@toolbar_bg_color, 0.9); + color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.5); +} + +/* menubar toolbars */ +.toolbar.menubar { + -GtkToolbar-button-relief: normal; +} + +/******************* + * primary-toolbar * + *******************/ +.primary-toolbar, +.primary-toolbar .toolbar, +.primary-toolbar.toolbar { + -GtkWidget-window-dragging: true; + + padding: 4px; + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(@toolbar_bg_color, 0.8); + background-color: @toolbar_bg_color; + background-image: none; + color: @toolbar_fg_color; +} + +.primary-toolbar GtkComboBox, +.primary-toolbar .button { + padding: 2px; + border-width: 1px; + border-color: transparent; + border-radius: 2px; + background-color: transparent; + background-image: none; + color: @toolbar_fg_color; +} + +.primary-toolbar GtkComboBox.flat, +.primary-toolbar .button.flat, +.primary-toolbar GtkComboBox.flat, +.primary-toolbar .button.flat, +.toolbar GtkComboBox.flat, +.toolbar .button.flat, +.primary-toolbar GtkComboBox.flat:insensitive, +.primary-toolbar .button.flat:insensitive, +.primary-toolbar GtkComboBox.flat:insensitive, +.primary-toolbar .button.flat:insensitive, +.toolbar GtkComboBox.flat:insensitive, +.toolbar .button.flat:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; +} + +.primary-toolbar .raised .button, +.primary-toolbar .raised.button, +.toolbar GtkComboBox, +.toolbar .button { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 1.08); + background-image: none; + color: @toolbar_fg_color; +} + +.primary-toolbar .button:hover, +.toolbar .button:hover { + border-color: shade(@toolbar_bg_color, 0.7); + background-color: shade(@toolbar_bg_color, 1.10); + background-image: none; +} + +.primary-toolbar .button:active, +.toolbar .button:active, +.primary-toolbar .button:checked, +.toolbar .button:checked { + border-color: shade(@toolbar_bg_color, 0.8); + background-color: shade(@toolbar_bg_color, 0.95); + background-image: none; +} + +.primary-toolbar .button:active:hover, +.toolbar .button:active:hover, +.primary-toolbar .button:checked:hover, +.toolbar .button:checked:hover { + border-color: shade(@toolbar_bg_color, 0.7); +} + +.primary-toolbar .button:focus, +.primary-toolbar .button:hover:focus, +.primary-toolbar .button:active:focus, +.primary-toolbar .button:active:hover:focus, +.primary-toolbar .button:checked:focus, +.primary-toolbar .button:checked:hover:focus, +.toolbar .button:focus, +.toolbar .button:hover:focus, +.toolbar .button:active:focus, +.toolbar .button:active:hover:focus, +.toolbar .button:checked:focus, +.toolbar .button:checked:hover:focus { + border-color: shade(@toolbar_bg_color, 0.7); +} + +.primary-toolbar .button:insensitive, +.toolbar .button:insensitive { + border-color: shade(@toolbar_bg_color, 0.85); + background-color: shade(@toolbar_bg_color, 0.9); + background-image: none; +} + +.primary-toolbar .button:active:insensitive, +.toolbar .button:active:insensitive, +.primary-toolbar .button:checked:insensitive, +.toolbar .button:checked:insensitive { + border-color: shade(@toolbar_bg_color, 0.75); + background-color: shade(@toolbar_bg_color, 0.80); + background-image: none; +} + +.primary-toolbar .entry, +.toolbar .entry { + border-color: shade(@toolbar_bg_color, 0.8); +} + +.primary-toolbar .entry:active, +.primary-toolbar .entry:focus, +.toolbar .entry:active, +.toolbar .entry:focus { + border-color: shade(@toolbar_bg_color, 0.7); +} + +/* inline-toolbar */ +.inline-toolbar.toolbar { + -GtkToolbar-button-relief: normal; + + padding: 1px; + border-width: 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; + background-color: @theme_bg_color; + background-image: none; +} + +.inline-toolbar.toolbar:last-child { + border-width: 0 1px 1px 1px; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; +} + +.inline-toolbar.toolbar .button { + padding: 1px; + border-width: 1px 0 1px 1px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + border-radius: 0; + background-color: shade(@theme_bg_color, 1.08); + background-image: none; + color: @theme_fg_color; +} + +.inline-toolbar.toolbar .button:hover { + border-color: shade(@theme_bg_color, 0.7); + background-color: shade(@theme_bg_color, 1.10); + background-image: none; +} + +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:checked { + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.95); + background-image: none; +} + +.inline-toolbar.toolbar .button:active:hover, +.inline-toolbar.toolbar .button:checked:hover { + border-color: shade(@theme_bg_color, 0.7); +} + +.inline-toolbar.toolbar .button:focus, +.inline-toolbar.toolbar .button:hover:focus, +.inline-toolbar.toolbar .button:active:focus, +.inline-toolbar.toolbar .button:active:hover:focus, +.inline-toolbar.toolbar .button:checked:focus, +.inline-toolbar.toolbar .button:checked:hover:focus { + border-color: shade(@theme_bg_color, 0.7); +} + +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton .button:insensitive { + border-color: shade(@theme_bg_color, 0.85); + background-color: shade(@theme_bg_color, 0.9); + background-image: none; +} + +.inline-toolbar.toolbar .button:active:insensitive +.inline-toolbar.toolbar GtkToolButton .button:active:insensitive, +.inline-toolbar.toolbar .button:checked:insensitive +.inline-toolbar.toolbar GtkToolButton .button:checked:insensitive { + border-color: shade(@theme_bg_color, 0.75); + background-color: shade(@theme_bg_color, 0.80); + background-image: none; +} + +/****************** + * linked buttons * + *****************/ +/* set up shadows for visual separation */ +.linked .button, +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar GtkToolButton .button, +.inline-toolbar.toolbar GtkToolButton > .button { + box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9); +} + +.linked .button:active, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar GtkToolButton .button:active, +.inline-toolbar.toolbar GtkToolButton > .button:active, +.linked .button:checked, +.inline-toolbar.toolbar .button:checked, +.inline-toolbar.toolbar GtkToolButton .button:checked, +.inline-toolbar.toolbar GtkToolButton > .button:checked { + box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.linked .button:insensitive, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton .button:insensitive, +.inline-toolbar.toolbar GtkToolButton > .button:insensitive { + box-shadow: inset -1px 0 shade(@theme_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.linked .button:last-child, +.linked .button:only-child, +.linked .button:insensitive:last-child, +.linked .button:insensitive:only-child, +.linked .button:active:insensitive:last-child, +.linked .button:active:insensitive:only-child, +.linked .button:checked:insensitive:last-child, +.linked .button:checked:insensitive:only-child, +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar .button:active:insensitive:last-child, +.inline-toolbar.toolbar .button:active:insensitive:only-child, +.inline-toolbar.toolbar .button:checked:insensitive:last-child, +.inline-toolbar.toolbar .button:checked:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button, +.inline-toolbar.toolbar GtkToolButton:only-child > .button, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active:insensitive, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:checked:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:checked:insensitive { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.linked .button:active:last-child, +.linked .button:active:only-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active, +.linked .button:checked:last-child, +.linked .button:checked:only-child, +.inline-toolbar.toolbar .button:checked:last-child, +.inline-toolbar.toolbar .button:checked:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:checked, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:checked { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button */ +.linked .entry, +.linked .button, +.linked .button:active, +.linked .button:active:hover, +.linked .button:checked, +.linked .button:checked:hover, +.linked .button:insensitive, +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:checked, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton .button, +.inline-toolbar.toolbar GtkToolButton .button:active, +.inline-toolbar.toolbar GtkToolButton .button:checked, +.inline-toolbar.toolbar GtkToolButton .button:insensitive { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; +} + +/*leftmost button */ +.linked .entry:first-child, +.linked .button:first-child, +.linked .button:active:first-child, +.linked .button:active:hover:first-child, +.linked .button:checked:first-child, +.linked .button:checked:hover:first-child, +.linked .button:insensitive:first-child, +.inline-toolbar.toolbar .button:first-child, +.inline-toolbar.toolbar .button:active:first-child, +.inline-toolbar.toolbar .button:checked:first-child, +.inline-toolbar.toolbar .button:insensitive:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child .button, +.inline-toolbar.toolbar GtkToolButton:first-child .button:active, +.inline-toolbar.toolbar GtkToolButton:first-child .button:checked, +.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive { + border-width: 1px; + border-radius: 2px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* rightmost button */ +.linked .entry:last-child, +.linked .button:last-child, +.linked .button:active:last-child, +.linked .button:active:hover:last-child, +.linked .button:checked:last-child, +.linked .button:checked:hover:last-child, +.linked .button:insensitive:last-child, +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:checked:last-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child .button, +.inline-toolbar.toolbar GtkToolButton:last-child .button:active, +.inline-toolbar.toolbar GtkToolButton:last-child .button:checked, +.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive { + border-width: 1px; + border-radius: 2px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.linked .entry:only-child, +.linked .button:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:checked:only-child, +.linked .button:checked:hover:only-child, +.linked .button:insensitive:only-child, +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar .button:checked:only-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child .button, +.inline-toolbar.toolbar GtkToolButton:only-child .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child .button:checked, +.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive { + border-width: 1px; + border-radius: 2px; +} + +/* linked button shadows (vertical) */ +.linked.vertical .button, +.inline-toolbar.toolbar.vertical .button, +.inline-toolbar.toolbar.vertical GtkToolButton > .button { + box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9); +} + +.linked.vertical .button:active, +.inline-toolbar.toolbar.vertical .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:activeactive, +.linked.vertical .button:checked, +.inline-toolbar.toolbar.vertical .button:checked, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:checked { + box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +.linked.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive { + box-shadow: inset 0 -1px shade(@theme_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.linked.vertical .button:last-child, +.linked.vertical .button:only-child, +.linked.vertical .button:insensitive:last-child, +.linked.vertical .button:insensitive:only-child, +.linked.vertical .button:active:insensitive:last-child, +.linked.vertical .button:active:insensitive:only-child, +.linked.vertical .button:checked:insensitive:last-child, +.linked.vertical .button:checked:insensitive:only-child, +.inline-toolbar.toolbar.vertical .button:last-child, +.inline-toolbar.toolbar.vertical .button:only-child, +.inline-toolbar.toolbar.vertical .button:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:insensitive:only-child, +.inline-toolbar.toolbar.vertical .button:active:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:active:insensitive:only-child, +.inline-toolbar.toolbar.vertical .button:checked:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:checked:insensitive:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:checked:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:checked:insensitive { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical .button:active:last-child, +.inline-toolbar.toolbar.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active, +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical .button:active:last-child, +.inline-toolbar.toolbar.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active, +.linked.vertical .button:checked:last-child, +.linked.vertical .button:checked:only-child, +.inline-toolbar.toolbar.vertical .button:checked:last-child, +.inline-toolbar.toolbar.vertical .button:checked:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:checked, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:checked { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button (vertical) */ +.linked.vertical .entry, +.linked.vertical .button, +.linked.vertical .button:active, +.linked.vertical .button:active:hover, +.linked.vertical .button:checked, +.linked.vertical .button:checked:hover, +.linked.vertical .button:insensitive { + border-width: 1px; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; +} + +/* top button (vertical) */ +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child, +.linked.vertical .button:active:first-child, +.linked.vertical .button:active:hover:first-child, +.linked.vertical .button:checked:first-child, +.linked.vertical .button:checked:hover:first-child, +.linked.vertical .button:insensitive:first-child { + border-width: 1px; + border-radius: 2px; + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +/* bottom button (vertical) */ +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child, +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:hover:last-child, +.linked.vertical .button:checked:last-child, +.linked.vertical .button:checked:hover:last-child, +.linked.vertical .button:insensitive:last-child { + border-width: 1px; + border-radius: 2px; + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +/* linked single button (vertical) */ +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child, +.linked.vertical .button:active:only-child, +.linked.vertical .button:active:hover:only-child, +.linked.vertical .button:checked:only-child, +.linked.vertical .button:checked:hover:only-child, +.linked.vertical .button:insensitive:only-child { + border-width: 1px; + border-radius: 2px; +} + +/* linked toolbar buttons */ +.primary-toolbar .button.raised.linked, +.primary-toolbar .raised.linked .button, +.toolbar .button.raised.linked, +.toolbar .raised.linked .button, +.toolbar .linked .button { + box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9); +} + +.primary-toolbar .button.raised.linked:active, +.primary-toolbar .raised.linked .button:active, +.toolbar .button.raised.linked:active, +.toolbar .raised.linked .button:active, +.toolbar .linked .button:active, +.primary-toolbar .raised.linked .button:checked, +.toolbar .button.raised.linked:checked, +.toolbar .raised.linked .button:checked, +.toolbar .linked .button:checked { + box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.primary-toolbar .button.raised.linked:insensitive, +.primary-toolbar .raised.linked .button:insensitive, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button:insensitive, +.toolbar .linked .button:insensitive { + box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.primary-toolbar .button.raised.linked:last-child, +.primary-toolbar .button.raised.linked:only-child, +.primary-toolbar .button:insensitive.raised.linked:last-child, +.primary-toolbar .button:insensitive.raised.linked:only-child, +.primary-toolbar .button:active:insensitive.raised.linked:last-child, +.primary-toolbar .button:active:insensitive.raised.linked:only-child, +.primary-toolbar .button:checked:insensitive.raised.linked:last-child, +.primary-toolbar .button:checked:insensitive.raised.linked:only-child, +.primary-toolbar .raised.linked .button:last-child, +.primary-toolbar .raised.linked .button:only-child, +.primary-toolbar .raised.linked .button:insensitive:last-child, +.primary-toolbar .raised.linked .button:insensitive:only-child, +.primary-toolbar .raised.linked .button:active:insensitive:last-child, +.primary-toolbar .raised.linked .button:active:insensitive:only-child, +.primary-toolbar .raised.linked .button:checked:insensitive:last-child, +.primary-toolbar .raised.linked .button:checked:insensitive:only-child, +.toolbar .button.raised.linked:last-child, +.toolbar .button.raised.linked:only-child, +.toolbar .button:insensitive.raised.linked:last-child, +.toolbar .button:insensitive.raised.linked:only-child, +.toolbar .button:active:insensitive.raised.linked:last-child, +.toolbar .button:active:insensitive.raised.linked:only-child, +.toolbar .button:checked:insensitive.raised.linked:last-child, +.toolbar .button:checked:insensitive.raised.linked:only-child, +.toolbar .raised.linked .button:last-child, +.toolbar .raised.linked .button:only-child, +.toolbar .raised.linked .button:insensitive:last-child, +.toolbar .raised.linked .button:insensitive:only-child, +.toolbar .raised.linked .button:active:insensitive:last-child, +.toolbar .raised.linked .button:active:insensitive:only-child, +.toolbar .raised.linked .button:checked:insensitive:last-child, +.toolbar .raised.linked .button:checked:insensitive:only-child, +.toolbar .linked .button:last-child, +.toolbar .linked .button:only-child, +.toolbar .linked .button:insensitive:last-child, +.toolbar .linked .button:insensitive:only-child, +.toolbar .linked .button:active:insensitive:last-child, +.toolbar .linked .button:active:insensitive:only-child +.toolbar .linked .button:checked:insensitive:last-child, +.toolbar .linked .button:checked:insensitive:only-child { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.primary-toolbar .button:active.raised.linked:last-child, +.primary-toolbar .button:active.raised.linked:only-child, +.primary-toolbar .raised.linked .button:active:last-child, +.primary-toolbar .raised.linked .button:active:only-child, +.toolbar .button:active.raised.linked:last-child, +.toolbar .button:active.raised.linked:only-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:active:only-child, +.toolbar .linked .button:active:last-child, +.toolbar .linked .button:active:only-child, +.primary-toolbar .button:checked.raised.linked:last-child, +.primary-toolbar .button:checked.raised.linked:only-child, +.primary-toolbar .raised.linked .button:checked:last-child, +.primary-toolbar .raised.linked .button:checked:only-child, +.toolbar .button:checked.raised.linked:last-child, +.toolbar .button:checked.raised.linked:only-child, +.toolbar .raised.linked .button:checked:last-child, +.toolbar .raised.linked .button:checked:only-child, +.toolbar .linked .button:checked:last-child, +.toolbar .linked .button:checked:only-child { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button */ +.primary-toolbar .button.raised.linked, +.primary-toolbar .button.raised.linked:active, +.primary-toolbar .button.raised.linked:checked, +.primary-toolbar .button.raised.linked:insensitive, +.primary-toolbar .raised.linked .button, +.primary-toolbar .raised.linked .button:active, +.primary-toolbar .raised.linked .button:checked, +.primary-toolbar .raised.linked .button:insensitive, +.toolbar .button.raised.linked, +.toolbar .button.raised.linked:active, +.toolbar .button.raised.linked:checked, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button, +.toolbar .raised.linked .button:active, +.toolbar .raised.linked .button:checked, +.toolbar .raised.linked .button:insensitive, +.toolbar .linked .button, +.toolbar .linked .button:active, +.toolbar .linked .button:checked, +.toolbar .linked .button:insensitive { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; +} + +/* leftmost button */ +.primary-toolbar .button.raised.linked:first-child, +.primary-toolbar .button.raised.linked:active:first-child, +.primary-toolbar .button.raised.linked:checked:first-child, +.primary-toolbar .button.raised.linked:insensitive:first-child, +.primary-toolbar .raised.linked .button:first-child, +.primary-toolbar .raised.linked .button:active:first-child, +.primary-toolbar .raised.linked .button:checked:first-child, +.primary-toolbar .raised.linked .button:insensitive:first-child, +.toolbar .button.raised.linked:first-child, +.toolbar .button.raised.linked:active:first-child, +.toolbar .button.raised.linked:checked:first-child, +.toolbar .button.raised.linked:insensitive:first-child, +.toolbar .raised.linked .button:first-child, +.toolbar .raised.linked .button:active:first-child, +.toolbar .raised.linked .button:checked:first-child, +.toolbar .raised.linked .button:insensitive:first-child, +.toolbar .linked .button:first-child, +.toolbar .linked .button:active:first-child, +.toolbar .linked .button:checked:first-child { + border-width: 1px; + border-radius: 2px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* rightmost button */ +.primary-toolbar .button.raised.linked:last-child, +.primary-toolbar .button.raised.linked:active:last-child, +.primary-toolbar .button.raised.linked:checked:last-child, +.primary-toolbar .button.raised.linked:insensitive:last-child, +.primary-toolbar .raised.linked .button:last-child, +.primary-toolbar .raised.linked .button:active:last-child, +.primary-toolbar .raised.linked .button:checked:last-child, +.primary-toolbar .raised.linked .button:insensitive:last-child, +.toolbar .button.raised.linked:last-child, +.toolbar .button.raised.linked:active:last-child, +.toolbar .button.raised.linked:checked:last-child, +.toolbar .button.raised.linked:insensitive:last-child, +.toolbar .raised.linked .button:last-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:checked:last-child, +.toolbar .raised.linked .button:insensitive:last-child, +.toolbar .linked .button:last-child, +.toolbar .linked .button:active:last-child, +.toolbar .linked .button:checked:last-child, +.toolbar .linked .button:insensitive:last-child { + border-width: 1px; + border-radius: 2px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.primary-toolbar .button.raised.linked:only-child, +.primary-toolbar .button.raised.linked:active:only-child, +.primary-toolbar .button.raised.linked:checked:only-child, +.primary-toolbar .button.raised.linked:insensitive:only-child, +.primary-toolbar .raised.linked .button:only-child, +.primary-toolbar .raised.linked .button:active:only-child, +.primary-toolbar .raised.linked .button:checked:only-child, +.primary-toolbar .raised.linked .button:insensitive:only-child, +.toolbar .button.raised.linked:only-child, +.toolbar .button.raised.linked:active:only-child, +.toolbar .button.raised.linked:checked:only-child, +.toolbar .button.raised.linked:insensitive:only-child, +.toolbar .raised.linked .button:only-child, +.toolbar .raised.linked .button:active:only-child, +.toolbar .raised.linked .button:checked:only-child, +.toolbar .raised.linked .button:insensitive:only-child, +.toolbar .linked .button:only-child, +.toolbar .linked .button:active:only-child, +.toolbar .linked .button:checked:only-child, +.toolbar .linked .button:insensitive:only-child { + border-width: 1px; + border-radius: 2px; +} + +/* linked titlebar buttons */ +.header-bar .button.raised.linked, +.header-bar .raised.linked .button, +.header-bar .linked .button { + box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9); +} + +.header-bar .button.raised.linked:active, +.header-bar .raised.linked .button:active, +.header-bar .button.raised.linked:checked, +.header-bar .raised.linked .button:checked, +.header-bar .linked .button:active, +.header-bar .linked .button:checked { + box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9), + inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset 0 -1px alpha(@dark_shadow, 0.05); +} + +.header-bar .button.raised.linked:insensitive, +.header-bar .raised.linked .button:insensitive, +.header-bar .linked .button:insensitive { + box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.85); +} + +/* remove box shadow from last-child and only-child */ +.header-bar .button.raised.linked:last-child, +.header-bar .button.raised.linked:only-child, +.header-bar .button:insensitive.raised.linked:last-child, +.header-bar .button:insensitive.raised.linked:only-child, +.header-bar .button:active:insensitive.raised.linked:last-child, +.header-bar .button:active:insensitive.raised.linked:only-child, +.header-bar .button:checked:insensitive.raised.linked:last-child, +.header-bar .button:checked:insensitive.raised.linked:only-child, +.header-bar .raised.linked .button:last-child, +.header-bar .raised.linked .button:only-child, +.header-bar .raised.linked .button:insensitive:last-child, +.header-bar .raised.linked .button:insensitive:only-child, +.header-bar .raised.linked .button:active:insensitive:last-child, +.header-bar .raised.linked .button:active:insensitive:only-child, +.header-bar .raised.linked .button:checked:insensitive:last-child, +.header-bar .raised.linked .button:checked:insensitive:only-child, +.header-bar .linked .button:last-child, +.header-bar .linked .button:only-child, +.header-bar .linked .button:insensitive:last-child, +.header-bar .linked .button:insensitive:only-child, +.header-bar .linked .button:active:insensitive:last-child, +.header-bar .linked .button:active:insensitive:only-child, +.header-bar .linked .button:checked:insensitive:last-child, +.header-bar .linked .button:checked:insensitive:only-child { + box-shadow: none; +} + +/* add back the inset shadow effect */ +.header-bar .button:active.raised.linked:last-child, +.header-bar .button:active.raised.linked:only-child, +.header-bar .raised.linked .button:active:last-child, +.header-bar .raised.linked .button:active:only-child, +.header-bar .linked .button:active:last-child, +.header-bar .linked .button:active:only-child, +.header-bar .button:checked.raised.linked:last-child, +.header-bar .button:checked.raised.linked:only-child, +.header-bar .raised.linked .button:checked:last-child, +.header-bar .raised.linked .button:checked:only-child, +.header-bar .linked .button:checked:last-child, +.header-bar .linked .button:checked:only-child { + box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), + inset 0 1px alpha(@dark_shadow, 0.08), + inset -1px 0 alpha(@dark_shadow, 0.07); +} + +/* middle button */ +.header-bar .button.raised.linked, +.header-bar .button.raised.linked:active, +.header-bar .button.raised.linked:checked, +.header-bar .button.raised.linked:insensitive, +.header-bar .raised.linked .button, +.header-bar .raised.linked .button:active, +.header-bar .raised.linked .button:checked, +.header-bar .raised.linked .button:insensitive, +.header-bar .linked .button, +.header-bar .linked .button:active, +.header-bar .linked .button:checked, +.header-bar .linked .button:insensitive { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; +} + +/* leftmost button */ +.header-bar .button.raised.linked:first-child, +.header-bar .button.raised.linked:active:first-child, +.header-bar .button.raised.linked:insensitive:first-child, +.header-bar .raised.linked .button:first-child, +.header-bar .raised.linked .button:active:first-child, +.header-bar .raised.linked .button:insensitive:first-child, +.header-bar .linked .button:first-child, +.header-bar .linked .button:active:first-child, +.header-bar .linked .button:insensitive:first-child { + border-width: 1px; + border-radius: 2px; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +/* rightmost button */ +.header-bar .button.raised.linked:last-child, +.header-bar .button.raised.linked:active:last-child, +.header-bar .button.raised.linked:checked:last-child, +.header-bar .button.raised.linked:insensitive:last-child, +.header-bar .raised.linked .button:last-child, +.header-bar .raised.linked .button:active:last-child, +.header-bar .raised.linked .button:checked:last-child, +.header-bar .raised.linked .button:insensitive:last-child, +.header-bar .linked .button:last-child, +.header-bar .linked .button:active:last-child, +.header-bar .linked .button:checked:last-child, +.header-bar .linked .button:insensitive:last-child { + border-width: 1px; + border-radius: 2px; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.header-bar .button.raised.linked:only-child, +.header-bar .button.raised.linked:active:only-child, +.header-bar .button.raised.linked:checked:only-child, +.header-bar .button.raised.linked:insensitive:only-child, +.header-bar .raised.linked .button:only-child, +.header-bar .raised.linked .button:active:only-child, +.header-bar .raised.linked .button:checked:only-child, +.header-bar .raised.linked .button:insensitive:only-child, +.header-bar .linked .button:only-child, +.header-bar .linked .button:active:only-child, +.header-bar .linked .button:checked:only-child, +.header-bar .linked .button:insensitive:only-child { + border-width: 1px; + border-radius: 2px; +} + +/*********** + * tooltip * + ***********/ +.tooltip { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_tooltip_bg_color, 0.8); + border-radius: 2px; + background-color: @theme_tooltip_bg_color; + background-image: none; + color: @theme_tooltip_fg_color; +} + +.tooltip * { + background-color: transparent; +} + +/************ + * treeview * + ************/ +GtkTreeView { + -GtkTreeView-vertical-separator: 0; + + outline-offset: -1px; +} + +GtkTreeView.dnd { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 0; +} + +GtkTreeView .entry { + border-radius: 0; + background-color: @theme_base_color; + background-image: none; +} + +/************ + * viewport * + ************/ +GtkViewport.frame { + border-width: 0; +} + +.view { + background-color: @theme_base_color; + color: @theme_text_color; +} + +.view:insensitive, +.view:insensitive:insensitive { + background-color: shade(@theme_base_color, 0.9); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.view:selected, +.view:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/************** + * action-bar * + **************/ +.action-bar { + padding: 4px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; +} + +.action-bar .button.text-button { + padding: 4px; +} + +.action-bar .button.image-button { + padding: 6px; +} + +.action-bar .title { + font: bold; + padding: 0 12px; +} + +.action-bar .subtitle { + font: smaller; + padding: 0 12px; +} + +/*************** + * search bars * + ***************/ +.search-bar { + border-width: 0 0 1px 0; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: shade(@theme_bg_color, 0.98); +} + +.search-bar .button.close-button { + padding: 4px; +} + +/*********** + * dialogs * + ***********/ +GtkMessageDialog, +.prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: 0; + -GtkDialog-button-spacing: 0; + + margin: 0; + padding: 0; +} + +/******************** + * various choosers * + ********************/ +GtkFontButton .separator, +GtkFileChooserButton .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} + +GtkFontButton GtkLabel:last-child { + color: alpha(currentColor, 0.7); +} + +GtkFileChooserButton GtkImage:last-child { + color: alpha(currentColor, 0.7); +} + +GtkFileChooser .pane-separator, +GtkFileChooser .pane-separator:hover { + border-width: 0 1px 0 0; + border-style: solid; + border-color: shade(@theme_bg_color, 0.8); + background-color: @theme_bg_color; + color: shade(@theme_bg_color, 0.9); +} + +/* for fallback when header bar not used */ +GtkFileChooser .dialog-action-box { + border-width: 1px 0 0; + border-style: solid; + border-color: shade(@theme_bg_color, 0.7); +} + +/********************* + * app notifications * + *********************/ +.app-notification { + border-style: solid; + border-color: shade(@theme_base_color, 0.8); + border-width: 0 1px 1px 1px; + border-radius: 0 0 2px 2px; + padding: 8px; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +/******* + * osd * + *******/ +.background.osd { + color: @osd_fg; + background-color: @osd_bg; +} + +GtkOverlay.osd { + background-color: transparent; +} + +.osd.frame { + background-clip: border-box; + background-origin: border-box; +} + +.osd.button, +.osd .button { + padding: 4px; + border-width: 1px; + border-style: solid; + border-color: shade(@osd_bg, 0.8); + border-radius: 2px; + background-color: shade(@osd_bg, 1.08); + background-image: none; + color: @osd_fg; +} + +.osd.button:prelight, +.osd.button:hover, +.osd .button:hover { + border-color: shade(@osd_bg, 0.7); + background-color: shade(@osd_bg, 1.10); + background-image: none; +} + +.osd.button:active, +.osd .button:active, +.osd GtkMenuButton.button:active, +.osd.button:checked, +.osd .button:checked, +.osd GtkMenuButton.button:checked { + border-color: shade(@osd_bg, 0.8); + background-color: shade(@osd_bg, 0.95); + background-image: none; +} + +.osd.button:active:hover, +.osd .button:active:hover, +.osd GtkMenuButton.button:active:hover, +.osd.button:checked:hover, +.osd .button:checked:hover, +.osd GtkMenuButton.button:checked:hover { + border-color: shade(@osd_bg, 0.7); +} + +.osd.button:insensitive, +.osd .button:insensitive { + border-color: shade(@osd_bg, 0.85); + background-color: shade(@osd_bg, 0.9); + background-image: none; +} + +.osd.button:active:insensitive, +.osd .button:active:insensitive, +.osd.button:checked:insensitive, +.osd .button:checked:insensitive { + background-color: shade(@osd_bg, 0.80); + background-image: none; +} + +.osd.toolbar { + -GtkToolbar-button-relief: normal; + + padding: 4px; + border-width: 1px; + border-style: solid; + border-radius: 2px; + border-color: shade(@osd_bg, 0.8); + background-color: @osd_bg; + background-image: none; + color: @osd_fg; +} + +.osd.toolbar .button { + padding: 4px; + border-width: 1px; + border-style: solid; + border-color: shade(@osd_bg, 0.8); + border-radius: 2px; + background-color: shade(@osd_bg, 1.08); + background-image: none; + color: @osd_fg; +} + +.osd.toolbar .button:hover { + border-color: shade(@osd_bg, 0.7); + background-color: shade(@osd_bg, 1.10); + background-image: none; +} + +.osd.toolbar .button:active, +.osd.toolbar .button:checked { + border-color: shade(@osd_bg, 0.8); + background-color: shade(@osd_bg, 0.95); + background-image: none; +} + +.osd.toolbar .button:active:hover, +.osd.toolbar .button:checked:hover { + border-color: shade(@osd_bg, 0.7); +} + +.osd.toolbar .button:focus, +.osd.toolbar .button:hover:focus, +.osd.toolbar .button:active:focus, +.osd.toolbar .button:active:hover:focus, +.osd.toolbar .button:checked:focus, +.osd.toolbar .button:checked:hover:focus { + border-color: shade(@osd_bg, 0.7); +} + +.osd.toolbar .button:insensitive { + border-color: shade(@osd_bg, 0.85); + background-color: shade(@osd_bg, 0.9); + background-image: none; +} + +.osd.toolbar .button:active:insensitive, +.osd.toolbar .button:checked:insensitive { + border-color: shade(@osd_bg, 0.75); + background-color: shade(@osd_bg, 0.80); + background-image: none; +} + +.osd.toolbar .button:first-child { + border-radius: 2px 0 0 2px; + border-width: 1px 0 1px 1px; + box-shadow: inset -1px 0 shade(@osd_bg, 0.9); +} + +.osd.toolbar .button:last-child { + box-shadow: none; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 1px 0; +} + +.osd.toolbar .button:only-child, +.osd.toolbar GtkToolButton .button, +.osd.toolbar GtkToolButton:only-child .button, +.osd.toolbar GtkToolButton:last-child .button, +.osd.toolbar GtkToolButton:first-child .button { + border-width: 1px; + border-radius: 2px; + border-style: solid; +} + +.osd.toolbar .separator { + color: shade(@osd_bg, 0.9); +} + +/* used by gnome-settings-daemon's media-keys OSD */ +.osd.trough { + background-color: shade(@osd_bg, 0.8); +} + +.osd.progressbar { + background-color: @osd_fg; +} + +.osd .scale.slider { + background-color: shade(@osd_bg, 1.08); + background-image: none; + /* we will draw the border using box shadow for now */ + box-shadow: inset 1px 0 shade(@osd_bg, 0.8), + inset 0 1px shade(@osd_bg, 0.8), + inset -1px 0 shade(@osd_bg, 0.8), + inset 0 -1px shade(@osd_bg, 0.8); +} + +.osd .scale.slider:hover { + box-shadow: inset 1px 0 shade(@osd_bg, 0.7), + inset 0 1px shade(@osd_bg, 0.7), + inset -1px 0 shade(@osd_bg, 0.7), + inset 0 -1px shade(@osd_bg, 0.7); +} + +.osd .scale.slider:insensitive { + background-color: shade(@osd_bg, 0.9); + background-image: none; + box-shadow: inset 1px 0 shade(@osd_bg, 0.85), + inset 0 1px shade(@osd_bg, 0.85), + inset -1px 0 shade(@osd_bg, 0.85), + inset 0 -1px shade(@osd_bg, 0.85); +} + +.osd .scale.trough { + border-color: shade(@osd_bg, 0.8); + background-color: shade(@osd_bg, 1.08); + background-image: none; +} + +.osd .scale.trough.highlight { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + background-image: none; +} + +.osd .scale.trough:insensitive, +.osd .scale.trough.highlight:insensitive { + border-color: shade(@osd_bg, 0.85); + background-color: shade(@osd_bg, 0.9); + background-image: none; +} + +.osd GtkProgressBar, +GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; + + padding: 0; +} + +.osd GtkProgressBar.trough, +GtkProgressBar.osd.trough { + padding: 0; + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; +} + +.osd GtkProgressBar.progressbar, +GtkProgressBar.osd.progressbar { + border-style: none; + border-radius: 0; + background-color: @theme_selected_bg_color; + background-image: none; +} + +.osd .view, +.osd.view { + background-color: @osd_base; +} + +.osd .scrollbar.trough { + background-color: @osd_bg; +} + +.osd .scrollbar.slider { + border-width: 1px; + border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21); + border-radius: 0; + background-color: mix(@osd_base, @osd_fg, 0.21); +} + +.osd .scrollbar.slider:hover { + border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31); + background-color: mix(@osd_base, @osd_fg, 0.31); +} + +.osd .scrollbar.slider:active { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: @theme_selected_bg_color; +} + +.osd GtkIconView.cell:selected, +.osd GtkIconView.cell:selected:focus { + background-color: transparent; + border-style: solid; + border-radius: 2px; + border-width: 3px; + border-color: @osd_fg; + outline-color: transparent; +} + +/* used by Documents */ +.osd .page-thumbnail { + border-style: solid; + border-width: 1px; + border-color: shade(@osd_bg, 0.9); + /* when there's no pixbuf yet */ + background-color: @osd_bg; +} + +/****************************** + * destructive action buttons * + ******************************/ +.destructive-action.button { + border-width: 1px; + border-style: solid; + border-color: shade(@error_color, 0.8); + border-radius: 2px; + background-color: @error_color; + background-image: none; + color: mix(@theme_selected_fg_color, @error_color, 0.1); +} + +.destructive-action.button:hover { + border-color: shade(@error_color, 0.7); + background-color: shade(@error_color, 1.12); + background-image: none; +} + +.destructive-action.button:active, +.destructive-action.button:checked { + border-color: shade(@error_color, 0.8); + background-color: shade(@error_color, 0.87); + background-image: none; +} + +.destructive-action.button:hover:active { + border-color: shade(@error_color, 0.7); +} + +/****************************** + * suggested action buttons * + ******************************/ +.suggested-action.button { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 2px; + background-color: shade(@theme_selected_bg_color, 1.18); + background-image: none; + color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1); +} + +.suggested-action.button:hover { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.20); + background-image: none; +} + +.suggested-action.button:active, +.suggested-action.button:checked { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.05); + background-image: none; +} + +.suggested-action.button:hover:active, +.suggested-action.button:hover:checked { + border-color: shade(@theme_selected_bg_color, 0.8); +} + +/****************** + * selection mode * + ******************/ +.selection-mode.header-bar, +.selection-mode.toolbar { + border-style: solid; + border-color: @theme_selected_bg_color; + background-color: shade(@theme_selected_bg_color, 1.6); + background-image: none; + color: @theme_selected_bg_color; +} + +.selection-mode.header-bar { + border-top-color: shade(@theme_selected_bg_color, 1.6); + border-bottom-color: @theme_selected_bg_color; +} + +.selection-mode.toolbar { + padding: 4px; +} + +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 2px; + background-color: shade(@theme_selected_bg_color, 1.68); + background-image: none; + color: shade(@theme_selected_bg_color, 0.8); +} + +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.70); + background-image: none; +} + +.selection-mode.header-bar .button:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar GtkToolButton .button:active, +.selection-mode.header-bar .button:checked, +.selection-mode.toolbar .button:checked, +.selection-mode.toolbar GtkToolButton .button:checked { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.55); + background-image: none; +} + +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + border-color: shade(@theme_selected_bg_color, 0.8); +} + +/* suggested button */ +.selection-mode.header-bar .suggested-action.button, +.selection-mode.toolbar .suggested-action.button, +.selection-mode.toolbar GtkToolButton.suggested-action .button { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 2px; + background-color: shade(@theme_selected_bg_color, 1.18); + background-image: none; + color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1); +} + +.selection-mode.header-bar .suggested-action.button:hover, +.selection-mode.toolbar .suggested-action.button:hover, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover { + border-color: shade(@theme_selected_bg_color, 0.8); + background-color: shade(@theme_selected_bg_color, 1.20); + background-image: none; +} + +.selection-mode.header-bar .suggested-action.button:active, +.selection-mode.toolbar .suggested-action.button:active, +.selection-mode.toolbar GtkToolButton.suggested-action:active, +.selection-mode.header-bar .suggested-action.button:checked, +.selection-mode.toolbar .suggested-action.button:checked, +.selection-mode.toolbar GtkToolButton.suggested-action:checked { + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: shade(@theme_selected_bg_color, 1.05); + background-image: none; +} + +.selection-mode.header-bar .suggested-action.button:hover:active, +.selection-mode.toolbar .suggested-action.button:hover:active, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active, +.selection-mode.header-bar .suggested-action.button:hover:checked, +.selection-mode.toolbar .suggested-action.button:hover:checked, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:checked { + border-color: shade(@theme_selected_bg_color, 0.8); +} + +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + border-style: none; + background-color: transparent; + background-image: none; + color: shade(@theme_selected_bg_color, 0.8); +} + +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: shade(@theme_selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { + color: shade(@theme_selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active, +.selection-mode.header-bar .selection-menu.button:checked, +.selection-mode.toolbar .selection-menu.button:checked { + color: shade(@theme_selected_bg_color, 0.8); + box-shadow: none; +} + +/************************* + * touch text selections * + *************************/ +GtkBubbleWindow { + border-radius: 2px; + background-clip: border-box; +} + +GtkBubbleWindow.osd.background { + background-color: @osd_bg; +} + +GtkBubbleWindow .toolbar { + background-color: transparent; +} + +/******* + * CSD * + *******/ +.titlebar { + border-radius: 2px 2px 0 0; + background-image: none; + background-color: @titlebar_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); + text-shadow: none; +} + +.tiled .titlebar { + border-radius: 0; +} + +.maximized .titlebar { + border-radius: 0; +} + +/* this is the default titlebar that is added by GTK + * when client-side decorations are in use and the application + * did not set a custom titlebar. + */ +.titlebar.default-decoration { + border: none; + box-shadow: none; +} + +.titlebar .title { + font: bold; +} + +.titlebar:backdrop { + background-image: none; + background-color: @titlebar_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); + text-shadow: none; +} + +.titlebar .titlebutton { + padding: 4px; + border-style: none; + background: none; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); + icon-shadow: none; +} + +.titlebar .titlebutton:hover, +.titlebar .titlebutton:hover:focus { + background: none; + color: @theme_selected_bg_color; +} + +.titlebar .titlebutton:active, +.titlebar .titlebutton:active:hover, +.titlebar .titlebutton:checked, +.titlebar .titlebutton:checked:hover { + background: none; + color: shade(@theme_selected_bg_color, 0.9); + box-shadow: none; +} + +/* +.titlebar .right .titlebutton:first-child { + border-left: 1px solid shade(@titlebar_bg_color, 0.9); +} + +.titlebar .right .titlebutton:last-child { +} + +.titlebar .left .titlebutton:last-child { + border-right: 1px solid shade(@titlebar_bg_color, 0.9); +} + +.titlebar .left .titlebutton:first-child { +} +*/ + +.titlebar .titlebutton:backdrop { + background-image: none; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); + icon-shadow: none; +} + +.window-frame { + border-style: none; + border-radius: 2px 2px 0 0; + box-shadow: 0 3px 7px 1px alpha(black, 0.7), + 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); + + /* this is used for the resize cursor area */ + margin: 10px; +} + +.window-frame.tiled { + border-radius: 0; +} + +.window-frame:backdrop { + box-shadow: 0 3px 5px 1px alpha(black, 0.5), + 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +} diff --git a/themes/ayaya/gtk-3.0/gtk.css b/themes/ayaya/gtk-3.0/gtk.css new file mode 100644 index 0000000..a2afda5 --- /dev/null +++ b/themes/ayaya/gtk-3.0/gtk.css @@ -0,0 +1,85 @@ +/* default color scheme */ +@define-color base_color #333333; +@define-color bg_color #2d2d2d; +@define-color text_color #dedede; +@define-color fg_color #dcdcdc; +@define-color selected_bg_color #e96969; +@define-color selected_fg_color #f9f9f9; +@define-color tooltip_bg_color #2d2d2d; +@define-color tooltip_fg_color #dcdcdc; + +/* dark color scheme */ +@define-color dark_bg_color #2d2d2d; +@define-color dark_fg_color #dcdcdc; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color @bg_color; +@define-color theme_fg_color @fg_color; +@define-color theme_base_color @base_color; +@define-color theme_text_color @text_color; +@define-color theme_selected_bg_color @selected_bg_color; +@define-color theme_selected_fg_color @selected_fg_color; +@define-color theme_tooltip_bg_color @tooltip_bg_color; +@define-color theme_tooltip_fg_color @tooltip_fg_color; + +/* shadow effects */ +@define-color light_shadow #fff; +@define-color dark_shadow #000; + +/* misc colors used by gtk+ */ +@define-color info_fg_color rgb (58, 135, 173); +@define-color info_bg_color rgb (217, 237, 247); +@define-color warning_fg_color rgb (192, 152, 83); +@define-color warning_bg_color rgb (252, 248, 227); +@define-color question_fg_color rgb (214, 73, 55); +@define-color question_bg_color rgb (252, 229, 213); +@define-color error_fg_color rgb (185, 74, 72); +@define-color error_bg_color rgb (242, 222, 222); +@define-color link_color #0000ff; +@define-color success_color #53a93f; +@define-color warning_color #f57900; +@define-color error_color #cc0000; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; + +/* osd */ +@define-color osd_base @dark_bg_color; +@define-color osd_fg @dark_fg_color; +@define-color osd_bg alpha(@osd_base, 0.8); + +/* lightdm greeter colors */ +@define-color lightdm_bg_color @dark_bg_color; +@define-color lightdm_fg_color @dark_fg_color; + +/* window manager colors */ +@define-color wm_bg @titlebar_bg_color; +@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); +@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); +@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); +@define-color wm_icons_focused_prelight @selected_bg_color; +@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); +@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); +@define-color wm_icons_unfocused_prelight @selected_bg_color; +@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); + +@import url("gtk-widgets.css"); +@import url("gtk-widgets-assets.css"); +@import url("apps/gnome-applications.css"); +@import url("apps/granite-widgets.css"); +@import url("apps/unity.css"); +@import url("apps/xfce.css"); +@import url("apps/nemo.css"); +@import url("apps/synaptic.css"); +@import url("apps/lightdm-gtk-greeter.css"); diff --git a/themes/ayaya/gtk-3.0/settings.ini b/themes/ayaya/gtk-3.0/settings.ini new file mode 100644 index 0000000..9aa01e5 --- /dev/null +++ b/themes/ayaya/gtk-3.0/settings.ini @@ -0,0 +1,3 @@ +[Settings] +gtk-auto-mnemonics = 1 +gtk-visible-focus = automatic |
