diff --git a/README.md b/README.md index 69292f2..5f97d0a 100644 --- a/README.md +++ b/README.md @@ -2,27 +2,42 @@ ![small preview](previews/logo.png) -This is my first serious attempt with a coherent theme for GTK2, GTK3 and GTK4. It is yet anohter skeuomorphic theme (that is, non-flat, that tries to imitate real-world objects and interfaces, like real three-dimensional buttons). +This is a very complete theme, including: +- GTK2, GTK3 and GTK4 +- Kvantum (qt svg theme, qorks with both qt5 and qt6) +- qtCurve configuration (qtcurve for now it works only in qt5) +- Plasma, qt5ct and qt6ct color schemes +- xfwm4 theme (XFCE window decoration) +- Aurorae theme (Plasma (Kwin) window decoration) +- Plasma theme +- Metacity (Mate window decoration) +- Openbox (window decoration for Openbox window manager) + +It is a skeuomorphic theme (that is, non-flat, that tries to imitate real-world objects and interfaces, like real three-dimensional buttons). It tries to use as little CPU as possible to draw widgets (no round corners, no gradients, almost no box-shadows and almost no transparency, except where it is unavoidable to keep usability). It also tries to be extremely _legible_, that is: the function of every element should be obvious. I have decided to make a compromise, though: toolbar buttons (and a few others) are not raised by default (because in some apps it may make the UI look too crowded, like "too many things happening"). +Because of these design decisions, it looks very much like a theme from the 90s. It may even have som pixel art flavor too, beacuse all borders are two pixels wide, and relief is widely used to help distinguish elements. + +This theme's colors are equal to Simple theme, which are very similar to another theme of mine called Soil. That is: dark theme, with gray backgrounds, green accents, brown disabled elements, and blue hints or statuses. Buttons are lighter and subtly green. This theme is based on Adwaita GTK3 and GTK4 (source sasscs!) and built from there. Sources are also available. GTK2 is based on Clearlooks. -It is a light theme but with gray tones, in order to be easy on the eyes. Accents are bright green, so selected text stays the same color. Disabled elements have a subtle red tint, in order to clearly identify their state. I've created a way to use different color themes: - go to `source/templates/` directory and run `./use_scheme.sh name_of_color_scheme` (for example: `./use_scheme.sh colorscheme-Skewaita_original_light.sh` - move one directory upwards with `cd ..` and rebuild theme, using new selected scheme, and bearing in mind whether it's a light or a dark theme: `./compile.sh light` or `./compile.sh dark` -For now there are only two color schemes: the original one and a dark one ("Soil", using the colors from this other theme of mine) +For now there are only two color schemes: the original one and a light one (using Skewaita's colors). Big previews: -![full desktop preview that includes gtk2, gtk3 and gtk4](previews/gtk3-gtk4-gtk2-desktop.png "Includes gtk2, gtk3 and gtk4") +![full desktop preview that includes gtk3 and gtk4](previews/gtk3-gtk4.png "Includes gtk2, gtk3 and gtk4") ![gtk3 widget page 2](previews/gtk3wf-2.png) ![gtk3 widget page 3](previews/gtk3wf-3.png) -![Soil dark theme](previews/gtk3wf-1-Soil.png) \ No newline at end of file +![gtk2 preview](previews/gtk2.png) + +![using Skewaita's light theme](previews/gtk3wf-1-Skweaita_light.png) \ No newline at end of file diff --git a/TODO.md b/TODO.md index 7bce6d3..5fe000f 100644 --- a/TODO.md +++ b/TODO.md @@ -1,4 +1,5 @@ # TODO + Create branches for different color themes and learn how to properly manage this creating labels, and without messing. diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc index ea3c0ba..c90dc5f 100644 --- a/gtk-2.0/gtkrc +++ b/gtk-2.0/gtkrc @@ -1,20 +1,20 @@ # Please keep this gtkrc in sync with the other ones from Clearlooks based themes. -gtk-color-scheme = "bg_color:#a7a7a7" -gtk-color-scheme = "fg_color:#241f31" -gtk-color-scheme = "base_color:#908f8d" -gtk-color-scheme = "text_color:#241f31" -gtk-color-scheme = "selected_bg_color:#b0dd7e" -gtk-color-scheme = "selected_fg_color:#000000" -gtk-color-scheme = "tooltip_bg_color:#6789b4" -gtk-color-scheme = "tooltip_fg_color:#002269" -gtk-color-scheme = "disabled_bg_color:#938989" -gtk-color-scheme = "disabled_fg_color:#552222" -gtk-color-scheme = "button_bg_color:#bcbeb9" -gtk-color-scheme = "button_fg_color:#241f31" -gtk-color-scheme = "button_checked_bg_color:#b0dd7e" -gtk-color-scheme = "button_checked_fg_color:#000000" +gtk-color-scheme = "bg_color:#3f3e3e" +gtk-color-scheme = "fg_color:#EDF0F5" +gtk-color-scheme = "base_color:#323232" +gtk-color-scheme = "text_color:#EDF0F5" +gtk-color-scheme = "selected_bg_color:#669900" +gtk-color-scheme = "selected_fg_color:#d1ff96" +gtk-color-scheme = "tooltip_bg_color:#203d79" +gtk-color-scheme = "tooltip_fg_color:#66cbec" +gtk-color-scheme = "disabled_bg_color:#493e37" +gtk-color-scheme = "disabled_fg_color:#7c675a" +gtk-color-scheme = "button_bg_color:#4e584d" +gtk-color-scheme = "button_fg_color:#EDF0F5" +gtk-color-scheme = "button_checked_bg_color:#669900" +gtk-color-scheme = "button_checked_fg_color:#d1ff96" style "default" { @@ -92,7 +92,7 @@ reliefstyle = 1 menubarstyle = 2 toolbarstyle = 1 animation = FALSE -radius = 3.0 +radius = 0.0 style = GUMMY # Set a hint to disable backward compatibility fallbacks. diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 4983107..66f1623 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -1,104 +1,84 @@ /*Usually an automatic fg color on these backgrounds should check this value!*/ /*************************** Check and Radio buttons * */ /*************************** Check and Radio buttons * */ -calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #b0dd7e; } +calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #669900; } -.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #000000; } +.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #d1ff96; } -label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #586f3f; } +label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #9ccc4b; } -label:backdrop selection, .selection-mode button.titlebutton:backdrop, label:backdrop:selected, calendar:backdrop:selected, row:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, flowbox flowboxchild:backdrop:selected, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, .view:backdrop:selected, iconview:backdrop:selected, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected { color: #1d1b22; background-color: rgba(174, 180, 167, 0.7); } - -label:backdrop selection:disabled, .selection-mode button.titlebutton:backdrop:disabled, label:backdrop:disabled:selected, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected { color: #84a362; } - -* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #990000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #b0dd7e; } +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #CC0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 0px; -gtk-secondary-caret-color: #669900; } /*************** Base States * */ -.background { color: #241f31; background-color: #a7a7a7; } - -.background:backdrop { color: #66636c; background-color: #a7a7a7; text-shadow: none; -gtk-icon-shadow: none; } +.background { color: #EDF0F5; background-color: #3f3e3e; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } -.gtkstyle-fallback { color: #241f31; background-color: #a7a7a7; } +.gtkstyle-fallback { color: #EDF0F5; background-color: #3f3e3e; } -.gtkstyle-fallback:hover { color: #241f31; background-color: #c1c1c1; } +.gtkstyle-fallback:hover { color: #EDF0F5; background-color: #595757; } -.gtkstyle-fallback:active { color: #241f31; background-color: #8e8e8e; } +.gtkstyle-fallback:active { color: #EDF0F5; background-color: #252525; } -.gtkstyle-fallback:disabled { color: #552222; background-color: #938989; } +.gtkstyle-fallback:disabled { color: #7c675a; background-color: #493e37; } -.gtkstyle-fallback:selected { color: #000000; background-color: #b0dd7e; } +.gtkstyle-fallback:selected { color: #d1ff96; background-color: #669900; } -.view, iconview, .view text, iconview text, textview text { color: #241f31; background-color: #908f8d; } +.view, iconview, .view text, iconview text, textview text { color: #EDF0F5; background-color: #323232; } -.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #393543; background-color: #8d8c8a; } +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #7c675a; background-color: #493e37; } -.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #818181; } +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 0px; } -.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #552222; background-color: #938989; } +textview border { background-color: #393838; } -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } - -textview border { background-color: #9c9b9a; } - -.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #97d256; background-color: rgba(151, 210, 86, 0.2); } +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #446600; background-color: rgba(68, 102, 0, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } -.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } -.content-view .tile:backdrop { background-color: transparent; } +.content-view .tile:active, .content-view .tile:selected { background-color: #669900; } -.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } - -.content-view .tile:disabled { background-color: transparent; } +.content-view .tile:disabled { background-color: #493e37; } label { caret-color: currentColor; } -label selection { background-color: #b0dd7e; color: #000000; } +label selection { background-color: #669900; color: #d1ff96; } -label:disabled { color: #552222; } +label:disabled { color: #7c675a; } button label:disabled { color: inherit; } -label:disabled:backdrop { color: #818181; } +label.error { color: #CC0000; } -button label:disabled:backdrop { color: inherit; } - -label.error { color: #990000; } - -label.error:disabled { color: rgba(153, 0, 0, 0.5); } - -label.error:disabled:backdrop { color: rgba(153, 0, 0, 0.4); } +label.error:disabled { color: #7c665a; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } -assistant .sidebar { background-color: #908f8d; border-top: 1px solid #797979; } - -assistant .sidebar:backdrop { background-color: #8d8c8a; border-color: #828282; } +assistant .sidebar { background-color: #323232; border-top: 1px solid #252525; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } -assistant .sidebar label.highlight { background-color: #8d8c8f; } +assistant .sidebar label.highlight { background-color: #626263; } -.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #002269; border: 1px solid #002269; background-color: rgba(103, 137, 180, 0.7); background-clip: padding-box; } +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #66cbec; border-width: 2px; border-style: solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } /********************* Spinner Animation * */ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } -spinner:backdrop { color: #66636c; } +spinner:backdrop { color: #EDF0F5; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } -spinner:checked:disabled { opacity: 0.5; color: #552222; } +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } /********************** General Typography * */ .large-title { font-weight: 300; font-size: 24pt; } @@ -120,7 +100,7 @@ spinner:checked:disabled { opacity: 0.5; color: #552222; } .caption { font-weight: 400; font-size: 9pt; } /**************** Text Entries * */ -spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 0 0 1px rgba(176, 221, 126, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 2px solid; border-radius: 0px; transition: none; color: #EDF0F5; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } @@ -128,272 +108,228 @@ spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; padding-left: 1px; padding-right: 1px; background-color: transparent; border-color: transparent; border-radius: 0; } -spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #b0dd7e, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #b0dd7e; } +spinbutton:focus:not(.vertical), entry:focus { background-color: #323232; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #552222; background-color: #938989; box-shadow: none; } +spinbutton:disabled:not(.vertical), entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -spinbutton:backdrop:not(.vertical), entry:backdrop { color: #393543; border-color: #828282; background-color: #8d8c8a; box-shadow: none; transition: 200ms ease-out; } +spinbutton.error:not(.vertical), entry.error { color: #CC0000; border-color: #CC0000; } -spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #818181; border-color: #828282; background-color: #938989; box-shadow: none; } +spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: #323232; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -spinbutton.error:not(.vertical), entry.error { color: #990000; border-color: #990000; } +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #CC0000; } -spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #990000, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #990000; } +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } -spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #990000; } +spinbutton.warning:focus:not(.vertical), entry.warning:focus { background-color: #323232; border-left-color: #c26000; border-top-color: #c26000; border-right-color: #ffa043; border-bottom-color: #ffa043; } -spinbutton.warning:not(.vertical), entry.warning { color: #938989; border-color: #938989; } +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } -spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #938989, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #938989; } +spinbutton:not(.vertical) image, entry image { color: #c8cace; } -spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #938989; } +spinbutton:not(.vertical) image:hover, entry image:hover { color: #EDF0F5; } -spinbutton:not(.vertical) image, entry image { color: #3a3543; } +spinbutton:not(.vertical) image:active, entry image:active { color: #669900; } -spinbutton:not(.vertical) image:hover, entry image:hover { color: #241f31; } +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -spinbutton:not(.vertical) image:active, entry image:active { color: #b0dd7e; } +.osd spinbutton:not(.vertical), .osd entry { color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #6e6b72; } +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #66cbec; background-color: #203d79; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -.osd spinbutton:not(.vertical), .osd entry { color: #002269; border-color: #002269; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #002269; border-color: #b0dd7e; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #b0dd7e, 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: #002269; border-color: #002269; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #34568f; border-color: #002269; background-color: rgba(93, 127, 173, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #b0dd7e; border-style: solid; box-shadow: none; } +spinbutton:not(.vertical) progress, entry progress { margin: 2px 2px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #669900; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:dir(rtl):not(.vertical), .linked:not(.vertical) > spinbutton:dir(ltr):not(.vertical), .linked:not(.vertical) > entry:dir(rtl), .linked:not(.vertical) > entry:dir(ltr), .linked:not(.vertical) > entry:first-child:dir(rtl), .linked:not(.vertical) > entry:first-child:dir(ltr), .linked:not(.vertical) > entry:last-child:dir(rtl), .linked:not(.vertical) > entry:last-child:dir(ltr), .linked:not(.vertical) > entry:only-child:dir(rtl), .linked:not(.vertical) > entry:only-child:dir(ltr) { border-radius: 0px; } +spinbutton.error:not(.vertical), entry.error { color: #CC0000; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #b0dd7e; } +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #323232; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #990000; } +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } +treeview entry.flat:focus, treeview entry:focus { border-color: #669900; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #898887; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #8a8988; } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #898887; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #b0dd7e; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #990000; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } - -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #b0dd7e; } - -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #990000; } - -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } - -spinbutton.error:not(.vertical), entry.error { color: #990000; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #908f8d; transition-property: color, background; } - -treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #908f8d; } - -treeview entry.flat:focus, treeview entry:focus { border-color: #b0dd7e; } - -.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #000000; background-color: #b0dd7e; } +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #323232; background-color: #909194; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } -.entry-tag:hover { background-color: #c9e8a6; } +.entry-tag:hover { background-color: #aaabad; } -:backdrop .entry-tag { color: #8d8c8a; background-color: #b0dd7e; } +.entry-tag.button { background-color: transparent; color: rgba(50, 50, 50, 0.7); } -.entry-tag.button { background-color: transparent; color: rgba(0, 0, 0, 0.7); } +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #909194; color: #323232; } -:not(:backdrop) .entry-tag.button:hover { border: 1px solid #b0dd7e; color: #000000; } - -:not(:backdrop) .entry-tag.button:active { background-color: #b0dd7e; color: rgba(0, 0, 0, 0.7); } +:not(:backdrop) .entry-tag.button:active { background-color: #909194; color: rgba(50, 50, 50, 0.7); } /****************************************************** Buttons * */ -@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#938989), to(transparent)); } - to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#b0dd7e), to(transparent)); } } +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#669900), to(transparent)); } } -button.titlebutton, scrollbar slider, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +button.titlebutton, scrollbar slider, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, calendar.button, button { min-height: 24px; min-width: 16px; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -button.titlebutton:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button, notebook > header > tabs > arrow, scrollbar slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } +button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, scrollbar slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), calendar.flat.button:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } -scrollbar slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#bcbeb9, 1.1); -gtk-icon-effect: highlight; } +scrollbar slider:hover, notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, calendar.button:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-effect: highlight; } -scrollbar slider:active, notebook > header > tabs > arrow:active, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } +scrollbar slider:active, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, calendar.button:active, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; } -scrollbar slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #b0dd7e; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } +scrollbar slider:checked, notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, calendar.button:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#b0dd7e, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), calendar.button:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } -scrollbar slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; -gtk-icon-effect: none; } +scrollbar slider:disabled, notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, calendar.button:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.titlebutton:backdrop:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, scrollbar slider.flat:backdrop, scrollbar slider.flat:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +scrollbar slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, calendar.button:disabled:active, calendar.button:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.titlebutton:disabled:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, scrollbar slider.flat:disabled, button.flat:disabled, button.flat:backdrop:disabled { background-color: #938989; } +scrollbar slider.image-button, notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, calendar.image-button.button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } -scrollbar slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +scrollbar slider.text-button, notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, calendar.text-button.button, button.text-button { padding-left: 16px; padding-right: 16px; } -scrollbar slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #979687; } +scrollbar slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, calendar.text-button.image-button.button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -scrollbar slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } +scrollbar slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, calendar.text-button.image-button.button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -scrollbar slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +combobox:drop(active) button.combo, scrollbar slider:drop(active), notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), calendar.button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -scrollbar slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected calendar.flat.button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #d1ff96; border-color: transparent; } -scrollbar slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected calendar.flat.button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #EDF0F5; } -combobox:drop(active) button.combo, scrollbar slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +calendar.osd.button, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 0; border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; box-shadow: none; } -row:selected button { border-color: #8bcd41; } +calendar.osd.image-button.button, button.osd.image-button { min-width: 34px; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } +calendar.osd.button:hover, button.osd:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; box-shadow: none; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #8d8c8a; } +calendar.osd.button:active, calendar.osd.button:checked, button.osd:active, button.osd:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; box-shadow: none; } -button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border: none; box-shadow: none; } +calendar.osd.button:disabled, button.osd:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.osd.image-button { min-width: 34px; } +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd calendar.button, .osd button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -button.osd:hover { border: none; box-shadow: none; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd calendar.button:hover, .osd button:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -button.osd:active, button.osd:checked { border: none; box-shadow: none; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd calendar.button:active, .osd calendar.button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -button.osd:disabled:backdrop, button.osd:disabled { border: none; } +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd calendar.button:disabled, .osd button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.osd:backdrop { border: none; } +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd calendar.flat.button, .osd button.flat { box-shadow: none; } -.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #002269; background-color: rgba(103, 137, 180, 0.7); border-color: #002269; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd calendar.flat.button:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd calendar.flat.button:hover, .osd button.flat:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd calendar.flat.button:disabled, .osd button.flat:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; background-color: #493e37; background-image: none; border-color: transparent; box-shadow: none; } -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd calendar.flat.button:active, .osd calendar.flat.button:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { background-image: none; } +calendar.suggested-action.button, button.suggested-action { border-width: 2px; color: white; background-color: #26ab62; border-left-color: #48d688; border-top-color: #48d688; border-right-color: #1d814a; border-bottom-color: #1d814a; } -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } +calendar.suggested-action.flat.button, button.suggested-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #26ab62; } -.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +calendar.suggested-action.button:hover, button.suggested-action:hover { border-width: 2px; background-color: #2bbf6e; border-left-color: #5dda95; border-top-color: #5dda95; border-right-color: #229656; border-bottom-color: #229656; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +calendar.suggested-action.button:active, calendar.suggested-action.button:checked, button.suggested-action:active, button.suggested-action:checked { border-width: 2px; background-color: #26ab62; border-left-color: #1d814a; border-top-color: #1d814a; border-right-color: #48d688; border-bottom-color: #48d688; } -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; background-color: #938989; background-image: none; border-color: transparent; box-shadow: none; } +calendar.suggested-action.flat.button:backdrop, calendar.suggested-action.flat.button:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(38, 171, 98, 0.8); } -.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +calendar.suggested-action.button:disabled, button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +calendar.suggested-action.button:disabled:active, calendar.suggested-action.button:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.suggested-action { color: black; background-color: #b0dd7e; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.osd calendar.suggested-action.button, .osd button.suggested-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #b0dd7e; } +.osd calendar.suggested-action.button:hover, .osd button.suggested-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -button.suggested-action:hover { background-color: shade(#b0dd7e, 1.1); } +.osd calendar.suggested-action.button:active, .osd calendar.suggested-action.button:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.osd calendar.suggested-action.button:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.suggested-action:backdrop, button.suggested-action.flat:backdrop { background-image: none; } +calendar.destructive-action.button, button.destructive-action { border-width: 2px; color: white; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(176, 221, 126, 0.8); } +calendar.destructive-action.flat.button, button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } -button.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +calendar.destructive-action.button:hover, button.destructive-action:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #979687; } +calendar.destructive-action.button:active, calendar.destructive-action.button:checked, button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -button.destructive-action { color: white; background-color: #990000; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); } +calendar.destructive-action.flat.button:backdrop, calendar.destructive-action.flat.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } -button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +calendar.destructive-action.button:disabled, button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.destructive-action:hover { background-color: shade(#990000, 1.1); } +calendar.destructive-action.button:disabled:active, calendar.destructive-action.button:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.osd calendar.destructive-action.button, .osd button.destructive-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -button.destructive-action:backdrop, button.destructive-action.flat:backdrop { background-image: none; } +.osd calendar.destructive-action.button:hover, .osd button.destructive-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +.osd calendar.destructive-action.button:active, .osd calendar.destructive-action.button:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -button.destructive-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.osd calendar.destructive-action.button:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #979687; } +.stack-switcher > calendar.button, .stack-switcher > button { outline-offset: -3px; } -.stack-switcher > button { outline-offset: -3px; } +.stack-switcher > calendar.button > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } -.stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } +.stack-switcher > calendar.button > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } -.stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } +.stack-switcher > calendar.text-button.button, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } -.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } +.stack-switcher > calendar.image-button.button, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } -.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } +.stack-switcher > calendar.needs-attention.button:active > label, .stack-switcher > calendar.needs-attention.button:active > image, .stack-switcher > calendar.needs-attention.button:checked > label, .stack-switcher > calendar.needs-attention.button:checked > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } -.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } +calendar.font.button > box > box > label, button.font > box > box > label { font-weight: bold; } -button.font separator, button.file separator { background-color: transparent; } +.primary-toolbar calendar.button, .primary-toolbar button { -gtk-icon-shadow: none; } -button.font > box > box > label { font-weight: bold; } +calendar.circular.button, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ } -.primary-toolbar button { -gtk-icon-shadow: none; } +calendar.circular.button label, button.circular label { padding: 0; } -button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } +calendar.circular.button:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled) { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -button.circular label { padding: 0; } +calendar.circular.button:hover:not(.osd):not(:checked):not(:active):not(:disabled), button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled) { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +stacksidebar row.needs-attention > label, .stack-switcher > calendar.needs-attention.button > label, .stack-switcher > calendar.needs-attention.button > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } -button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); } +stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > calendar.needs-attention.button > label:dir(rtl), .stack-switcher > calendar.needs-attention.button > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } -stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#938989), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } +.inline-toolbar toolbutton > button { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } +.inline-toolbar toolbutton > button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; } -.inline-toolbar toolbutton > button { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.inline-toolbar toolbutton > button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.inline-toolbar toolbutton > button:hover { background-color: shade(#bcbeb9, 1.1); } +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .inline-toolbar calendar.button, .inline-toolbar button, .linked > calendar.button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } -.inline-toolbar toolbutton > button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .inline-toolbar calendar.button:first-child, .inline-toolbar button:first-child, .linked > calendar.button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 0px; border-bottom-left-radius: 0px; -gtk-outline-top-left-radius: 0px; -gtk-outline-bottom-left-radius: 0px; } -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #552222; background-color: #979687; } +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .inline-toolbar calendar.button:last-child, .inline-toolbar button:last-child, .linked > calendar.button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -gtk-outline-top-right-radius: 0px; -gtk-outline-bottom-right-radius: 0px; } -.inline-toolbar toolbutton > button:backdrop { background-image: none; } +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .inline-toolbar calendar.button:only-child, .inline-toolbar button:only-child, .linked > calendar.button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 0px; -gtk-outline-radius: 0px; } -.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } +.linked.vertical > combobox > box > button.combo, .linked.vertical > calendar.button, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } -.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > calendar.button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; -gtk-outline-top-left-radius: 0px; -gtk-outline-top-right-radius: 0px; } -.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > calendar.button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -gtk-outline-bottom-left-radius: 0px; -gtk-outline-bottom-right-radius: 0px; } -.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > calendar.button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 0px; -gtk-outline-radius: 0px; } -.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } - -.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } - -.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } - -.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } - -.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.scale-popup button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ -modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 0px; outline-offset: -2px; } -modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #b4b4b4; } +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #4c4b4b; } modelbutton.flat arrow { background: none; } @@ -405,42 +341,28 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symboli button.color { padding: 4px; } -button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } -.osd button.color colorswatch:only-child { box-shadow: none; } - -.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } - /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ -list row button.image-button:not(.flat) { border: 1px solid rgba(121, 121, 121, 0.5); } - -list row button.image-button:not(.flat):hover { background-color: shade(#bcbeb9, 1.1); } - -list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - /********* Links * */ -button:link > label, button:visited > label, button:link, button:visited, *:link { color: #004B91; } +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; } -button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #680091; } +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #dc8add; } -*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #2a003a; } +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #d5d0b2; } -button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #0065c4; } +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c6dcf7; } -*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #000a14; } +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #d0fca0; } -button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #004B91; } +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #99c1f1; } -*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #000f1d; } +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #c6f3a8; } -button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(73, 73, 73, 0.8); } +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(197, 197, 197, 0.8); } -button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 75, 145, 0.9); } - -.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #000f1d; } +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #c6f3a8; } button:link, button:visited { text-shadow: none; } @@ -455,27 +377,25 @@ spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } -spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } - spinbutton:not(.vertical) button { padding: 0; } -.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-style: none none none solid; border-color: rgba(0, 34, 105, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } +.osd spinbutton:not(.vertical) button { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } -.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: rgba(0, 34, 105, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } +.osd spinbutton:not(.vertical) button:hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(102, 203, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } -.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } +.osd spinbutton:not(.vertical) button:backdrop { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; } -.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #34568f; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } +.osd spinbutton:not(.vertical) button:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #7c675a; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; } -.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 0px 0px 0; } -.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 0px 0 0 0px; } -spinbutton.vertical:disabled { color: #552222; } +spinbutton.vertical:disabled { color: #7c675a; } -spinbutton.vertical:backdrop:disabled { color: #818181; } +spinbutton.vertical:backdrop:disabled { color: #493e37; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } @@ -483,13 +403,21 @@ spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; borde spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } -spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } +spinbutton.vertical button.up { border-radius: 0px 0px 0 0; } -spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } +spinbutton.vertical button.down { border-radius: 0 0 0px 0px; } + +.osd spinbutton.vertical button:first-child { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd spinbutton.vertical button:first-child:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd spinbutton.vertical button:first-child:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd spinbutton.vertical button:first-child:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } -treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } +treeview spinbutton:not(.vertical) entry { min-height: 0; } /************** ComboBoxes * */ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } @@ -497,13 +425,13 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig combobox:drop(active) { box-shadow: none; } /************ Toolbars * */ -searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #a7a7a7; } +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #3f3e3e; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } -toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(103, 137, 180, 0.7); } +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #203d79; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } @@ -513,72 +441,68 @@ toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } -.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } +.inline-toolbar { padding: 3px; } -searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } +searchbar > revealer > box, .location-bar { padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } -.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #797979; background-color: #999999; } - -.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #828282; background-color: #9a9a9a; box-shadow: none; transition: 200ms ease-out; } +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; background-color: #373636; } /*************** Header bars * */ -.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #6a6a6a; border-radius: 0; background: #8e8e8e linear-gradient(to top, #888888, #909090); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border: none; border-radius: 0px; background-color: #669900; color: #d1ff96; border: none; /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } -.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #828282; background-color: #a7a7a7; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; } +.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } -.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #000000; border-color: #8bcd41; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #b0dd7e linear-gradient(to top, #abdb76, #b2de82); box-shadow: inset 0 1px rgba(208, 235, 178, 0.9); } +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #d1ff96; background-color: #26ab62; } -.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #b0dd7e; background-image: none; box-shadow: inset 0 1px rgba(216, 238, 191, 0.88); } +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #26ab62; } -.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #000000; } +.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #d1ff96; } -.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #b0dd7e; border-color: #000000; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { border-width: 2px; color: #d1ff96; background-color: #26ab62; border-left-color: #48d688; border-top-color: #48d688; border-right-color: #1d814a; border-bottom-color: #1d814a; } -.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { background-color: shade(#b0dd7e, 1.1); } +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { border-width: 2px; background-color: #2bbf6e; border-left-color: #5dda95; border-top-color: #5dda95; border-right-color: #229656; border-bottom-color: #229656; } -.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { border-width: 2px; background-color: #26ab62; border-left-color: #1d814a; border-top-color: #1d814a; border-right-color: #48d688; border-bottom-color: #48d688; } -.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-width: 2px; -gtk-icon-effect: none; border-color: black; } -.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-width: 2px; border-color: black; } -.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #552222; background-color: #979687; } +.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { background-color: shade(#bcbeb9, 1.1); border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-image: none; border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(176, 221, 126, 0); background-color: rgba(176, 221, 126, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(38, 171, 98, 0); background-color: rgba(38, 171, 98, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; } - -.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(209, 255, 150, 0.5); -gtk-icon-shadow: none; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } @@ -594,25 +518,23 @@ headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } -.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.background .titlebar:backdrop, .background .titlebar { border-radius: 0; } -.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 0px; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 0px; } -window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } -.titlebar:not(headerbar) separator { background-color: #797979; } +.titlebar:not(headerbar) separator { background-color: #252525; } -window.devel headerbar.titlebar:not(.selection-mode) { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(176, 221, 126, 0.2)), linear-gradient(to top, #868686, #8e8e8e 3px, #9d9d9d); } +window.devel headerbar.titlebar:not(.selection-mode) { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(102, 153, 0, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } -window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#a7a7a7); /* background-color would flash */ } +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } /************ Pathbars * */ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } @@ -628,114 +550,90 @@ window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #a7a .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** Tree Views * */ -treeview.view { border-left-color: #5a575f; border-top-color: #a7a7a7; } +treeview.view { border-left-color: #909194; border-top-color: #3f3e3e; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } -treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #586f3f; border-top-color: rgba(36, 31, 49, 0.1); } +treeview.view:selected { border-left-color: #9ccc4b; border-top-color: rgba(237, 240, 245, 0.1); } -treeview.view:disabled { color: #552222; } +treeview.view:disabled { color: #7c675a; } -treeview.view:disabled:selected { color: #6a854c; } +treeview.view:disabled:selected { color: #91c23c; } -treeview.view:disabled:selected:backdrop { color: #84a362; } +treeview.view:disabled:selected:backdrop { color: #86b82d; } -treeview.view:disabled:backdrop { color: #818181; } +treeview.view:disabled:backdrop { color: #493e37; } -treeview.view.separator { min-height: 2px; color: #a7a7a7; } +treeview.view.separator { min-height: 2px; color: #3f3e3e; } -treeview.view.separator:backdrop { color: rgba(167, 167, 167, 0.1); } - -treeview.view:backdrop { border-left-color: #87858a; border-top: #a7a7a7; } - -treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #8bcd41; } +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: black; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } -treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #44414d; } +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -treeview.view.expander:hover { color: #241f31; } +treeview.view.expander:hover { color: #EDF0F5; } -treeview.view.expander:selected { color: #354226; } +treeview.view.expander:selected { color: #b1e069; } -treeview.view.expander:selected:hover { color: #000000; } - -treeview.view.expander:selected:backdrop { color: #49553e; } +treeview.view.expander:selected:hover { color: #d1ff96; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -treeview.view.expander:backdrop { color: #726f75; } +treeview.view.expander:disabled, treeview.view.expander:disabled:checked { color: #7c675a; } -treeview.view.progressbar { color: #908f8d; background-color: #b0dd7e; background-image: image(#b0dd7e); box-shadow: none; } +treeview.view.progressbar { background-color: #669900; background-image: image(#669900); box-shadow: none; } -treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #b0dd7e; background-image: image(#908f8d); } +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#323232); } -treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #b0dd7e; background-color: #8d8c8a; } +treeview.view.trough { background-color: rgba(237, 240, 245, 0.1); } -treeview.view.progressbar:backdrop { color: #8d8c8a; background-image: none; box-shadow: none; } +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #446600; } -treeview.view.trough { background-color: rgba(36, 31, 49, 0.1); } +treeview.view header button { text-shadow: none; box-shadow: none; } -treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } +treeview.view header button:hover { box-shadow: none; transition: none; } -treeview.view header button { color: #5a575f; background-color: #908f8d; font-weight: bold; text-shadow: none; box-shadow: none; } +treeview.view header button:active { transition: none; } -treeview.view header button:hover { color: #3f3b48; box-shadow: none; transition: none; } +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #323232; background-image: none; background-color: #669900; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #323232; text-shadow: none; transition: none; } -treeview.view header button:active { color: #241f31; transition: none; } +treeview.view acceleditor > label { background-color: #669900; } -treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #908f8d; background-image: none; background-color: #b0dd7e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #908f8d; text-shadow: none; transition: none; } +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-radius: 0; text-shadow: none; } -treeview.view acceleditor > label { background-color: #b0dd7e; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #7e7d7d; border-radius: 0; text-shadow: none; } - -treeview.view header button:disabled { border-color: #a7a7a7; background-image: none; background-color: #938989; color: #552222; } - -treeview.view header button:backdrop { border-color: #a7a7a7; border-style: none solid solid none; background-image: none; background-color: #8d8c8a; } - -treeview.view header button:backdrop:disabled { border-color: #a7a7a7; background-image: none; background-color: #938989; color: #552222; } - -treeview.view header button:last-child { border-right-style: none; } +treeview.view header button:disabled { background-image: none; background-color: #493e37; color: #7c675a; } /********* Menus * */ -menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - -menubar:backdrop, .menubar:backdrop { background-color: #a7a7a7; } +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } -menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; } +menubar > menuitem:hover, .menubar > menuitem:hover { color: #d1ff96; background-color: #669900; } -menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #552222; box-shadow: none; } +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7c675a; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } -menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #908f8d; border: 1px solid #797979; } +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; border: 2px solid; color: #EDF0F5; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; border: 2px solid; } -.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } - -menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #8d8c8a; } +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 0px; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } -menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #000000; background-color: #b0dd7e; } +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #d1ff96; background-color: #669900; } -menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #552222; } - -menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #818181; } - -menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #66636c; background-color: transparent; } +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7c675a; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } @@ -745,15 +643,15 @@ menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menui menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } -menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #908f8d; border-radius: 0; } +menu > arrow, .menu > arrow, .context-menu > arrow { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #323232; border-radius: 0; } -menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #858484; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #454546; border-top-right-radius: 0px; border-top-left-radius: 0px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #858484; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #454546; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #858484; } +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #454546; } -menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #8d8c8a; } +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #353434; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } @@ -766,13 +664,9 @@ menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** Popovers * */ -popover.background { padding: 2px; background-color: #a7a7a7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } +popover.background { padding: 2px; border: 2px solid; color: #EDF0F5; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -.csd popover.background, popover.background { border: 1px solid #797979; border-radius: 9px; } - -.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } - -popover.background:backdrop { background-color: #a7a7a7; box-shadow: none; } +.csd popover.background, popover.background { border: 2px solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } @@ -783,182 +677,130 @@ popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* Notebooks * */ -notebook > header { padding: 1px; border-color: #797979; border-width: 1px; background-color: #909090; } +notebook, notebook.frame { border-width: 2px; border-style: solid; background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; } -notebook > header:backdrop { border-color: #828282; background-color: #9a9a9a; } +notebook > header, notebook.frame > header { border: 0 solid; background-color: #3f3e3e; background-color: #3f3e3e; border-left-color: #252525; border-top-color: #252525; border-right-color: #666464; border-bottom-color: #666464; margin: -2px; } -notebook > header tabs { margin: -1px; } +notebook > header tabs, notebook.frame > header tabs { border-width: 0px; border-style: none; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; background-color: #3f3e3e; } -notebook > header.top { border-bottom-style: solid; } +notebook > header.top, notebook.frame > header.top { border-bottom-width: 2px; } -notebook > header.top > tabs { margin-bottom: -2px; } +notebook > header.top > tabs, notebook.frame > header.top > tabs { margin-top: 2px; } -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #797979; } +notebook > header.top > tabs > tab, notebook.frame > header.top > tabs > tab { border-bottom: none; margin-top: 2px; } -notebook > header.top > tabs > tab:backdrop { box-shadow: none; } +notebook > header.top > tabs > tab:checked, notebook.frame > header.top > tabs > tab:checked { margin-bottom: -2px; } -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #b0dd7e; } +notebook > header.bottom, notebook.frame > header.bottom { border-top-width: 2px; } -notebook > header.bottom { border-top-style: solid; } +notebook > header.bottom > tabs, notebook.frame > header.bottom > tabs { margin-bottom: 2px; } -notebook > header.bottom > tabs { margin-top: -2px; } +notebook > header.bottom > tabs > tab, notebook.frame > header.bottom > tabs > tab { border-top: none; margin-bottom: 2px; } -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #797979; } +notebook > header.bottom > tabs > tab:checked, notebook.frame > header.bottom > tabs > tab:checked { margin-top: -2px; } -notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } +notebook > header.left, notebook.frame > header.left { border-right-width: 2px; } -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #b0dd7e; } +notebook > header.left > tabs > tab, notebook.frame > header.left > tabs > tab { border-right: none; margin-left: 2px; } -notebook > header.left { border-right-style: solid; } +notebook > header.left > tabs > tab:checked, notebook.frame > header.left > tabs > tab:checked { margin-right: -2px; padding-right: 12px; } -notebook > header.left > tabs { margin-right: -2px; } +notebook > header.right, notebook.frame > header.right { border-left-width: 2px; } -notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #797979; } +notebook > header.right > tabs > tab, notebook.frame > header.right > tabs > tab { border-left: none; margin-right: 2px; } -notebook > header.left > tabs > tab:backdrop { box-shadow: none; } +notebook > header.right > tabs > tab:checked, notebook.frame > header.right > tabs > tab:checked { margin-left: -2px; padding-left: 12px; } -notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #b0dd7e; } - -notebook > header.right { border-left-style: solid; } - -notebook > header.right > tabs { margin-left: -2px; } - -notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #797979; } - -notebook > header.right > tabs > tab:backdrop { box-shadow: none; } - -notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #b0dd7e; } - -notebook > header.top > tabs > arrow { border-top-style: none; } - -notebook > header.bottom > tabs > arrow { border-bottom-style: none; } - -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } +notebook > header.top > tabs > arrow, notebook.frame > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow, notebook.frame > header.bottom > tabs > arrow { padding: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -notebook > header.left > tabs > arrow { border-left-style: none; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow { border-left-style: none; } -notebook > header.right > tabs > arrow { border-right-style: none; } +notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { border-right-style: none; } -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow, notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow { min-height: 1em; min-width: 1em; border-radius: 0; } -notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop), notebook.frame > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; box-shadow: none; } -notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled { border-width: 2px; } -notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; border-width: 1px; border-color: transparent; } +notebook > header tab, notebook.frame > header tab { outline-offset: -5px; font-weight: normal; padding: 3px 10px; border-width: 2px; border-style: solid; border-radius: 0; color: #909194; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; margin: 0px; } -notebook > header tab:hover { color: #241f31; background-color: #9d9d9d; } +notebook > header tab:hover, notebook.frame > header tab:hover { color: #EDF0F5; background-color: #353434; } -notebook > header tab:hover.reorderable-page { border-color: rgba(121, 121, 121, 0.3); background-color: rgba(167, 167, 167, 0.2); } +notebook > header tab:checked, notebook.frame > header tab:checked { background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; color: #EDF0F5; } -notebook > header tab:backdrop { color: #807e84; } +notebook > header tab button.flat, notebook.frame > header tab button.flat { padding: 0; min-width: 1em; min-height: 1em; } -notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } +notebook > header tab button.flat:hover, notebook.frame > header tab button.flat:hover { color: currentColor; } -notebook > header tab:checked { color: #241f31; } +notebook > header tab button.flat, notebook > header tab button.flat:backdrop, notebook.frame > header tab button.flat, notebook.frame > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } -notebook > header tab:checked.reorderable-page { border-color: rgba(121, 121, 121, 0.5); background-color: rgba(167, 167, 167, 0.5); } +notebook > header tab button.flat:last-child, notebook.frame > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header tab:checked.reorderable-page:hover { background-color: rgba(167, 167, 167, 0.7); } +notebook > header tab button.flat:first-child, notebook.frame > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header tab:backdrop:checked { color: #66636c; } +notebook > header.top tabs, notebook > header.bottom tabs, notebook.frame > header.top tabs, notebook.frame > header.bottom tabs { padding-left: 2px; padding-right: 2px; } -notebook > header tab:backdrop:checked.reorderable-page { border-color: #828282; background-color: #a7a7a7; } +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child), notebook.frame > header.top tabs:not(:only-child), notebook.frame > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } -notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child, notebook.frame > header.top tabs:not(:only-child):first-child, notebook.frame > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } -notebook > header tab button.flat:hover { color: currentColor; } +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child, notebook.frame > header.top tabs:not(:only-child):last-child, notebook.frame > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } -notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } +notebook > header.top tabs tab, notebook > header.bottom tabs tab, notebook.frame > header.top tabs tab, notebook.frame > header.bottom tabs tab { margin-left: 2px; margin-right: 2px; } -notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +notebook > header.left tabs, notebook > header.right tabs, notebook.frame > header.left tabs, notebook.frame > header.right tabs { padding-top: 2px; padding-bottom: 2px; } -notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child), notebook.frame > header.left tabs:not(:only-child), notebook.frame > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } -notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child, notebook.frame > header.left tabs:not(:only-child):first-child, notebook.frame > header.right tabs:not(:only-child):first-child { margin-top: -1px; } -notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child, notebook.frame > header.left tabs:not(:only-child):last-child, notebook.frame > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } +notebook > header.left tabs tab, notebook > header.right tabs tab, notebook.frame > header.left tabs tab, notebook.frame > header.right tabs tab { margin-top: 2px; margin-bottom: 2px; } -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } +notebook > header.top tab, notebook.frame > header.top tab { padding-bottom: 4px; } -notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } +notebook > header.bottom tab, notebook.frame > header.bottom tab { padding-top: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } - -notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } - -notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } - -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } - -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } - -notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } - -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } - -notebook > header.top tab { padding-bottom: 4px; } - -notebook > header.bottom tab { padding-top: 4px; } - -notebook > stack:not(:only-child) { background-color: #908f8d; } - -notebook > stack:not(:only-child):backdrop { background-color: #8d8c8a; } +notebook > stack:not(:only-child), notebook.frame > stack:not(:only-child) { border: none; background-color: #393838; margin: 2px; } /************** Scrollbars * */ -scrollbar { background-color: #8d8c8f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +scrollbar { border: 2px solid; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; transition: none; } -* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } +* { -GtkScrollbar-has-backward-stepper: true; -GtkScrollbar-has-forward-stepper: true; } -scrollbar.top { border-bottom: 1px solid #797979; } +scrollbar slider { padding: 0; background-image: none; min-width: 10px; min-height: 10px; } -scrollbar.bottom { border-top: 1px solid #797979; } +scrollbar slider:hover { background-color: #5e675e; border-left-color: #838e83; border-top-color: #838e83; border-right-color: #464c46; border-bottom-color: #464c46; } -scrollbar.left { border-right: 1px solid #797979; } +scrollbar slider:hover:active { background-color: #88cc00; border-left-color: #b3ff1a; border-top-color: #b3ff1a; border-right-color: #669900; border-bottom-color: #669900; } -scrollbar.right { border-left: 1px solid #797979; } +scrollbar slider:disabled { background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scrollbar:backdrop { background-color: #9f9f9f; border-color: #828282; transition: 200ms ease-out; } - -scrollbar slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #585560; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -scrollbar slider:hover { background-color: #3e3a49; } - -scrollbar slider:hover:active { background-color: #97d256; } - -scrollbar slider:backdrop { background-color: #8d8c8f; } - -scrollbar slider:disabled { background-color: transparent; } - -scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #6789b4; } +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } -scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #585560; } +scrollbar button { padding: 0; min-width: 10px; min-height: 10px; border-style: solid; border-width: 2px; border-radius: 0; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; color: #EDF0F5; } -scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3e3a49; } +scrollbar button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; color: #5e675e; } -scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97d256; } +scrollbar button:active, scrollbar button:checked { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; color: #88cc00; } -scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(88, 85, 96, 0.2); } - -scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #8d8c8f; } - -scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(141, 140, 143, 0.2); } +scrollbar button:disabled { border-width: 2px; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -968,57 +810,41 @@ scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-sym scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -treeview ~ scrollbar.vertical { border-top: 1px solid #797979; margin-top: -1px; } +scrollbar.overlay-indicator { opacity: 0.5; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #252525; margin-top: -1px; } /********** Switch * */ -switch { outline-offset: -4px; border: 1px solid #797979; border-radius: 14px; color: #241f31; background-color: #909090; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } +switch { outline-offset: -4px; border: 2px solid; border-radius: 0px; color: #EDF0F5; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; /* only show i / o for the accessible theme */ } -switch:checked { color: #000000; border-color: #000000; background-color: #b0dd7e; text-shadow: 0 1px rgba(139, 205, 65, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } +switch:checked { color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -switch:disabled { color: #552222; border-color: #797979; background-color: #938989; text-shadow: none; } +switch:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -switch:backdrop { color: #66636c; border-color: #828282; background-color: #9a9a9a; text-shadow: none; transition: 200ms ease-out; } - -switch:backdrop:checked { color: #a7a7a7; border-color: #000000; background-color: #b0dd7e; } - -switch:backdrop:disabled { color: #818181; border-color: #828282; background-color: #938989; } - -switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4); } +switch slider { margin: 0px; min-width: 24px; min-height: 24px; border: 2px solid; border-radius: 0px; transition: none; -gtk-outline-radius: 20px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } switch image { color: transparent; } -switch:hover slider { background-color: shade(#bcbeb9, 1.1); } +switch:hover slider { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -switch:checked > slider { border: 1px solid #000000; } - -switch:disabled slider { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } - -switch:backdrop slider { transition: 200ms ease-out; background-image: none; } - -switch:backdrop:checked > slider { border-color: #000000; } - -row:selected switch { box-shadow: none; border-color: #000000; } - -row:selected switch:backdrop { border-color: #000000; } - -row:selected switch > slider:checked, row:selected switch > slider { border-color: #000000; } +switch:disabled slider { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } /************************* Check and Radio items * */ -.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(0, 34, 105, 0.8); background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(102, 203, 236, 0.8); background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } @@ -1034,53 +860,57 @@ popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margi popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } -check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #c9cac6 20%, #bcbeb9 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #5a6659 20%, #4e584d 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:hover, radio:hover { background-image: linear-gradient(to bottom, #d3d4d1 10%, #c6c8c4 90%); } +check:hover, radio:hover { background-image: linear-gradient(to bottom, #647062 10%, #586357 90%); } -check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#afb2ac); } +check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#424a41); } -check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:disabled, radio:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:backdrop, radio:backdrop { background-image: image(#bcbeb9); box-shadow: none; color: #000000; } +check:backdrop, radio:backdrop { background-image: image(#4e584d); box-shadow: none; color: #d1ff96; } -check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:checked:backdrop, radio:checked:backdrop { background-image: image(#b0dd7e); box-shadow: none; color: #000000; } +check:checked:backdrop, radio:checked:backdrop { background-image: image(#669900); box-shadow: none; color: #d1ff96; } -check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#b0dd7e); box-shadow: none; color: #000000; } +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#669900); box-shadow: none; color: #d1ff96; } -check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:backdrop, radio:backdrop { transition: 200ms ease-out; } +check:disabled, radio:disabled { color: #7c675a; border-color: #7c675a; } -check:disabled, radio:disabled { color: #552222; border-color: #552222; } +.osd check, .osd radio { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -row:selected check, row:selected radio { border-color: #000000; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd check:active, .osd radio:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd check:disabled, .osd radio:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } -check { border-radius: 3px; } +check { border-radius: 0px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } @@ -1092,86 +922,52 @@ treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-g treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - radio:active, check:active { -gtk-icon-transform: scale(0, 1); } -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: none; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } -treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; border-color: #8bcd41; } +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #d1ff96; } /************ GtkScale * */ -progressbar trough, scale fill, scale trough { border: 1px solid #797979; border-radius: 3px; background-color: #909090; } +levelbar > trough, progressbar trough, scale fill, scale trough { border: 2px solid; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; } -progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #938989; } +levelbar > trough:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #9a9a9a; border-color: #828282; transition: 200ms ease-out; } +.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #938989; } +.osd levelbar > trough:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #8bcd41; } +progressbar progress, scale highlight { border: none; border-radius: 0px; background-color: #669900; } -.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: #002269; background-color: rgba(0, 34, 105, 0.3); } - -.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(93, 127, 173, 0.5); } - -progressbar progress, scale highlight { border: 1px solid #8bcd41; border-radius: 3px; background-color: #b0dd7e; } - -progressbar progress:disabled, scale highlight:disabled { background-color: #877474; border-color: transparent; } - -progressbar progress:backdrop, scale highlight:backdrop { border-color: #b0dd7e; } - -progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } - -row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #8bcd41; } - -.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: #002269; } - -.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } +progressbar progress:disabled, scale highlight:disabled { background-color: #53463e; } scale { min-height: 10px; min-width: 10px; padding: 12px; } -scale fill, scale highlight { margin: -1px; } - -scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #6789b4; } +scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } -scale fill:backdrop, scale fill { background-color: #797979; } +scale fill { background-color: #4c6519; } -scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } +scale fill:disabled { background-color: #3e3834; } -.osd scale fill { background-color: #002269; } +scale slider { min-height: 18px; min-width: 18px; margin: -7px; border-width: 2px; border-style: solid; border-radius: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } +scale slider:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } +scale slider:active { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -scale slider:hover { background-color: shade(#bcbeb9, 1.1); } +scale slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scale slider:active { border-color: #b0dd7e; } +.osd scale slider { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -scale slider:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.osd scale slider:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -scale slider:backdrop { transition: 200ms ease-out; background-image: none; } +.osd scale slider:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -row:selected scale slider:disabled, row:selected scale slider { border-color: #8bcd41; } - -.osd scale slider { border-color: #001d5a; background-color: #6789b4; } - -.osd scale slider:hover { background-color: #6789b4; } - -.osd scale slider:active { background-color: #6789b4; } - -.osd scale slider:disabled { background-color: #6789b4; } - -.osd scale slider:backdrop { background-color: #6789b4; } - -.osd scale slider:backdrop:disabled { background-color: #6789b4; } +.osd scale slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } @@ -1197,7 +993,7 @@ scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-heigh scale.color { min-height: 0; min-width: 0; } -scale.color trough { background-image: image(#797979); background-repeat: no-repeat; } +scale.color trough { background-image: image(#252525); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -1218,143 +1014,97 @@ scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** Progress bars * */ -progressbar { font-size: smaller; color: rgba(36, 31, 49, 0.4); font-feature-settings: "tnum"; } +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } -progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 0.3em; } -progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } +progressbar.vertical trough, progressbar.vertical progress { min-width: 0.3em; } -progressbar.horizontal progress { margin: 0 -1px; } - -progressbar.vertical progress { margin: -1px 0; } - -progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } - -progressbar progress { border-radius: 1.5px; } - -progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } - -progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } - -progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } - -progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } - -progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } - -progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } - -progressbar.osd progress { border-style: none; border-radius: 0; } +progressbar.osd { min-width: 3px; min-height: 3px; } progressbar trough.empty progress { all: unset; } /************* Level Bar * */ /************* Level Bar * */ -levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } +levelbar.horizontal trough > block { min-height: 9px; border-radius: 0px; } -levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 0px 0px 0; } -levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } +levelbar.horizontal trough > block:dir(ltr) { border-radius: 0px 0 0 0px; } -levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 0px; } -levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 2px; min-width: 24px; border-radius: 0; } -levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } +levelbar.vertical trough > block { min-width: 9px; border-radius: 0px; } -levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 2px; min-height: 32px; } -levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } +levelbar > trough > block.low { background-color: #f57900; } -levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #669900; } -levelbar > trough { padding: 1px; color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 0 0 1px rgba(176, 221, 126, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } +levelbar > trough > block.full { background-color: #33d17a; } -levelbar > trough:backdrop { color: #393543; border-color: #828282; background-color: #8d8c8a; box-shadow: none; } - -levelbar > trough > block { border: 1px solid; } - -levelbar > trough > block.low { border-color: #938989; background-color: #938989; } - -levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #b0dd7e; background-color: #b0dd7e; } - -levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } - -levelbar > trough > block.empty { background-color: #9a9a9a; border-color: #9a9a9a; } +levelbar > trough > block.empty { background-color: #252525; } /**************** Print dialog * */ -printdialog paper { color: #241f31; border: 1px solid #797979; background: white; padding: 0; } - -printdialog paper:backdrop { color: #66636c; border-color: #828282; } +printdialog paper { color: #EDF0F5; border: 1px solid #252525; background: white; padding: 0; } printdialog .dialog-action-box { margin: 12px; } /********** Frames * */ -frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #797979; } +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border-width: 2px; border-style: solid; background-color: transparent; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } frame > border.flat, .frame.flat { border-style: none; } -frame > border:backdrop, .frame:backdrop { border-color: #828282; } +frame.border-outset > border, frame.border-inset > border { border-color: #323131; border-style: inset; } -actionbar > revealer > box { padding: 6px; border-top: 1px solid #797979; } +frame.border-outset > border { border-color: #323131; border-style: outset; } -actionbar > revealer > box:backdrop { border-color: #828282; } +frame.border-ridge > border { border-color: #323131; border-width: 4px; border-style: ridge; } + +frame.border-groove > border { border-color: #323131; border-width: 4px; border-style: groove; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #252525; } scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at top, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.top { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.bottom { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at bottom, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.left { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.right { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at left, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at right, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #797979 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #8d8c8f; } +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #252525 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #393838; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #828282 1px, transparent 1px); background-color: #9f9f9f; transition: 200ms ease-out; } - -separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } +separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; min-width: 0px; min-height: 0px; } /********* Lists * */ -list { color: #241f31; background-color: #908f8d; border-color: #797979; } - -list:backdrop { color: #393543; background-color: #8d8c8a; border-color: #828282; } +list { color: #EDF0F5; background-color: #323232; border-color: #252525; } list row { padding: 2px; } -row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +row { transition: none; } -row:hover { transition: none; } +row.activatable { border-width: 2px; border-style: solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -row:backdrop { transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { background-color: #3f3f3f; border-left-color: #656565; border-top-color: #656565; border-right-color: #252525; border-bottom-color: #252525; } -row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(36, 31, 49, 0.05); } +row.activatable:active { background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } -row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable:selected { color: #d1ff96; background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -row.activatable:backdrop:hover { background-color: transparent; } +row.activatable:selected:active { background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - -row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #a2ca76; } - -row.activatable:selected:backdrop { background-color: #b0dd7e; } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #71a30f; border-left-color: #a2e915; border-top-color: #a2e915; border-right-color: #51740b; border-bottom-color: #51740b; } /********************* App Notifications * */ -.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(103, 137, 180, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } - -.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #203d79; background-clip: padding-box; } .app-notification border, .app-notification.frame border { border: none; } @@ -1363,66 +1113,48 @@ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -g expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -expander title > arrow:hover { color: #695a8f; } +expander title > arrow:hover { color: white; } -expander title > arrow:disabled { color: #552222; } +expander title > arrow:disabled { color: #7c675a; } -expander title > arrow:disabled:backdrop { color: #818181; } +expander title > arrow:disabled:backdrop { color: #493e37; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ Calendar * */ -calendar { color: #241f31; border: 1px solid #797979; } +calendar { color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } -calendar:selected { border-radius: 3px; } +calendar:selected { border-radius: 0px; } -calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } +calendar.button { border-width: 2px; border-style: solid; background-color: transparent; border-color: transparent; } -calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } +calendar.highlight { font-weight: bold; color: #909194; } -calendar.button { color: rgba(36, 31, 49, 0.45); } - -calendar.button:hover { color: #241f31; } - -calendar.button:backdrop { color: rgba(102, 99, 108, 0.45); } - -calendar.button:disabled { color: rgba(85, 34, 34, 0.45); } - -calendar.highlight { color: #552222; } - -calendar.highlight:backdrop { color: #818181; } - -calendar:backdrop { color: #393543; border-color: #828282; } - -calendar:indeterminate { color: alpha(currentColor,0.1); } +calendar:indeterminate { color: #6a6b6d; } /*********** Dialogs * */ -messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #a7a7a7; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } -messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } +messagedialog.csd.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } +messagedialog.csd .dialog-action-area button { padding: 10px 14px; -gtk-outline-radius: 0; } -messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } +messagedialog.csd .dialog-action-area button:first-child { -gtk-outline-bottom-left-radius: 0; } -messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } +messagedialog.csd .dialog-action-area button:last-child { -gtk-outline-bottom-right-radius: 0; } -filechooser .dialog-action-box { border-top: 1px solid #797979; } +filechooser .dialog-action-box { border-top: 1px solid #252525; } -filechooser .dialog-action-box:backdrop { border-top-color: #828282; } +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } -filechooser #pathbarbox { border-bottom: 1px solid #a7a7a7; } - -filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } +filechooserbutton:drop(active) { box-shadow: inset 0 0 0 1px #33d17a; } /*********** Sidebar * */ -.sidebar { border-style: none; background-color: #9c9b9a; } +.sidebar { border-style: none; background-color: #393838; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #797979; border-left-style: none; } +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #252525; border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #797979; border-right-style: none; } - -.sidebar:backdrop { background-color: #9a9a99; border-color: #828282; transition: 200ms ease-out; } +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #252525; border-right-style: none; } .sidebar list { background-color: transparent; } @@ -1432,13 +1164,13 @@ stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } -stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +stacksidebar row.needs-attention > label { background-size: 6px 6px; } -separator.sidebar { background-color: #797979; } +separator.sidebar { background-color: #252525; } -separator.sidebar:backdrop { background-color: #828282; } +separator.sidebar:backdrop { background-color: #252525; } -separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #7ec233; } +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #145732; } /**************** File chooser * */ row image.sidebar-icon { opacity: 1; } @@ -1449,15 +1181,9 @@ placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } -placessidebar row:selected { color: #000000; } +placessidebar row:selected { color: #d1ff96; background-color: #669900; } -placessidebar row:disabled { color: #552222; } - -placessidebar row:backdrop { color: #66636c; } - -placessidebar row:backdrop:selected { color: #1d1b22; } - -placessidebar row:backdrop:disabled { color: #818181; } +placessidebar row:disabled { color: #7c675a; background-color: #493e37; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } @@ -1467,19 +1193,19 @@ placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; -gtk-outline-radius: 100%; } -button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 1; } +button.sidebar-button:not(:hover):not(:active) > image { opacity: 1; } placessidebar row:selected:active { box-shadow: none; } -placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } -placessidebar row.sidebar-new-bookmark-row { color: #b0dd7e; } +placessidebar row.sidebar-new-bookmark-row { color: #669900; } -placessidebar row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } +placessidebar row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -placessidebar row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } +placessidebar row:drop(active):not(:disabled):selected { color: #d1ff96; background-color: #33d17a; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } @@ -1490,198 +1216,151 @@ placesview row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* Paned * */ -paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#797979); background-size: 1px 1px; } +paned > separator { min-width: 4px; min-height: 4px; -gtk-icon-source: none; border-width: 2px; border-style: solid; background-image: radial-gradient(circle closest-side, #EDF0F5 0%, #EDF0F5 75%, rgba(237, 240, 245, 0) 100%); background-clip: padding-box; background-repeat: no-repeat; background-position: center; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; } -paned > separator:selected { background-image: image(#b0dd7e); } +paned > separator:selected { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -paned > separator:backdrop { background-image: image(#828282); } +paned > separator.wide { min-width: 5px; min-height: 5px; } -paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #a7a7a7; background-image: image(#797979), image(#797979); background-size: 1px 1px, 1px 1px; } +paned.horizontal > separator.wide { margin: 0; padding: 0; } -paned > separator.wide:backdrop { background-color: #a7a7a7; background-image: image(#828282), image(#828282); } +paned.vertical > separator.wide { margin: 0; padding: 0; } -paned.horizontal > separator { background-repeat: repeat-y; } - -paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - -paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - -paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } - -paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - -paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } +paned > separator { border-width: 1px; min-width: 6px; min-height: 6px; } /************** GtkInfoBar * */ -infobar { border-style: none; } +/************** GtkInfoBar * */ +infobar { background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar.action:hover > revealer > box { border-bottom: 1px solid #868686; } +infobar button { border-width: 2px; color: #EDF0F5; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } +infobar button:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #9d83b9; border-bottom: 1px solid #868686; } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #241f31; } +infobar button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } +infobar button label, infobar button { color: #EDF0F5; } -infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #241f31; background-color: #a7a7a7; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +infobar selection { background-color: #252525; } -infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { background-color: shade(#a7a7a7, 1.1); } - -infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - -infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } - -infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-image: none; border-color: #8e8e8e; } - -infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #8e8e8e; } - -infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #241f31; } - -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #8e8e8e; } - -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #004B91; } +infobar *:link { color: #99c1f1; } /************ Tooltips * */ -tooltip { border-radius: 5px; text-shadow: none; } +tooltip { border-radius: 0; box-shadow: none; text-shadow: none; } -tooltip.background { background-color: rgba(103, 137, 180, 0.9); background-clip: padding-box; border: 1px solid #002269; } +tooltip.background { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; border-width: 2px; border-style: solid; color: #66cbec; } -tooltip decoration { background-color: transparent; } +tooltip decoration { background-color: transparent; border: none; box-shadow: none; } -tooltip * { background-color: transparent; color: #002269; } +tooltip * { background-color: transparent; color: #66cbec; } /***************** Color Chooser * */ +colorswatch { border-radius: 0px; } + colorswatch:drop(active), colorswatch { border-style: none; } -colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } - -colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } - -colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - -colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } -colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } - -colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } +colorswatch.dark overlay:hover { border-color: #252525; } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } -colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } - -colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } +colorswatch.light overlay:hover { border-color: #252525; } colorswatch:drop(active) { box-shadow: none; } -colorswatch:drop(active).light overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } +colorswatch:drop(active).light overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch:drop(active).dark overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } +colorswatch:drop(active).dark overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } +colorswatch overlay { border: 1px solid #252525; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } -colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } +colorswatch#add-color-button { border-radius: 0px 0px 0 0; } -colorswatch#add-color-button { border-radius: 5px 5px 0 0; } +colorswatch#add-color-button:only-child { border-radius: 0px; } -colorswatch#add-color-button:only-child { border-radius: 5px; } +colorswatch#add-color-button overlay { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -colorswatch#add-color-button overlay { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } - -colorswatch#add-color-button overlay:hover { background-color: shade(#bcbeb9, 1.1); } - -colorswatch#add-color-button overlay:backdrop { background-image: none; } +colorswatch#add-color-button overlay:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } colorswatch:disabled { opacity: 0.5; } -colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } +colorswatch:disabled overlay { border-color: #7c675a; box-shadow: none; } -row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } - -colorswatch#editor-color-sample { border-radius: 4px; } - -colorswatch#editor-color-sample overlay { border-radius: 4.5px; } +row:selected colorswatch { box-shadow: 0 0 0 2px #d1ff96; } colorchooser .popover.osd { border-radius: 5px; } /******** Misc * */ -.content-view { background-color: #959595; } +.content-view { background-color: #2d2c2c; } .content-view:hover { -gtk-icon-effect: highlight; } -.content-view:backdrop { background-color: #959595; } +.content-view:backdrop { background-color: #2d2c2c; } -.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } +.osd .scale-popup button.flat { border-style: none; } -.scale-popup button:hover { background-color: rgba(36, 31, 49, 0.1); border-radius: 5px; } +.scale-popup button:hover { background-color: rgba(237, 240, 245, 0.1); } /********************** Window Decorations * */ -decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } +decoration { border-radius: 0px 0px 0 0; box-shadow: 0 0 0 4px #88cc00, 2px 2px 0 2px #4e7500; margin: 8px; } -decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } +decoration:backdrop { box-shadow: 0 0 0 4px #595757, 2px 2px 0 2px #2d2c2c; } -.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; border: none; } -.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } +.popup decoration { border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; box-shadow: none; } -.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } +tooltip.csd decoration { border-radius: 0px; box-shadow: none; } -.popup decoration { box-shadow: none; } +button.titlebutton.close { border-width: 2px; color: #d1ff96; background-color: #994d00; border-left-color: #e67400; border-top-color: #e67400; border-right-color: #663300; border-bottom-color: #663300; } -.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } +button.titlebutton.close:hover, button.titlebutton.close:hover:backdrop { border-width: 2px; background-color: #b35a00; border-left-color: #ff8000; border-top-color: #ff8000; border-right-color: #804000; border-bottom-color: #804000; } -.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } +button.titlebutton.close:active, button.titlebutton.close:active:backdrop { border-width: 2px; background-color: #994d00; border-left-color: #663300; border-top-color: #663300; border-right-color: #e67400; border-bottom-color: #e67400; } -.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +button.titlebutton.close:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -tooltip.csd decoration { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } +button.titlebutton.close:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +button.titlebutton.maximize { border-width: 2px; color: #d1ff96; background-color: #4db53d; border-left-color: #7ccf70; border-top-color: #7ccf70; border-right-color: #3d8f30; border-bottom-color: #3d8f30; } -.solid-csd decoration { margin: 0; padding: 4px; background-color: #797979; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } +button.titlebutton.maximize:hover, button.titlebutton.maximize:hover:backdrop { border-width: 2px; background-color: #5ac24a; border-left-color: #8ed583; border-top-color: #8ed583; border-right-color: #45a237; border-bottom-color: #45a237; } -.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } +button.titlebutton.maximize:active, button.titlebutton.maximize:active:backdrop { border-width: 2px; background-color: #4db53d; border-left-color: #3d8f30; border-top-color: #3d8f30; border-right-color: #7ccf70; border-bottom-color: #7ccf70; } -button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } +button.titlebutton.maximize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } +button.titlebutton.maximize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -button.titlebutton.close { background-color: #990000; color: white; } +button.titlebutton.minimize { border-width: 2px; color: #d1ff96; background-color: #ae8900; border-left-color: #fbc500; border-top-color: #fbc500; border-right-color: #7b6100; border-bottom-color: #7b6100; } -button.titlebutton:backdrop { -gtk-icon-shadow: none; } +button.titlebutton.minimize:hover, button.titlebutton.minimize:hover:backdrop { border-width: 2px; background-color: #c89d00; border-left-color: #ffcd15; border-top-color: #ffcd15; border-right-color: #957500; border-bottom-color: #957500; } -.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.455686); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.455686); } +button.titlebutton.minimize:active, button.titlebutton.minimize:active:backdrop { border-width: 2px; background-color: #ae8900; border-left-color: #7b6100; border-top-color: #7b6100; border-right-color: #fbc500; border-bottom-color: #fbc500; } -.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } +button.titlebutton.minimize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +button.titlebutton.minimize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } .monospace { font-family: monospace; } /********************** Touch Copy & Paste * */ /********************** Touch Copy & Paste * */ -cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #626262; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } +cursor-handle { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; border: 1px solid #090909; border-radius: 100%; transition: none; transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } -cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); } +cursor-handle:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -cursor-handle:active { border-color: #8bcd41; } +cursor-handle:active { border-color: black; } -cursor-handle:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +cursor-handle:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } @@ -1689,11 +1368,9 @@ cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 1 .context-menu { font: initial; } -.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #241f31; background-color: #908f8d; border: 1px solid; border-color: #909090; border-radius: 5px; box-shadow: inset 0 -3px #a2a2a2; font-size: smaller; } +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; border-bottom-width: 4px; border-radius: 5px; font-size: smaller; } -.keycap:backdrop { background-color: #8d8c8a; color: #66636c; transition: 200ms ease-out; } - -:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } stackswitcher button.text-button { min-width: 100px; } @@ -1711,17 +1388,15 @@ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } -button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } +button.emoji-section { border-width: 2px; border-style: solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } -button.emoji-section:backdrop:not(:checked) { border-color: transparent; } +button.emoji-section:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -button.emoji-section:hover { border-color: #797979; } - -button.emoji-section:checked { border-color: #b0dd7e; } +button.emoji-section:checked { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } button.emoji-section label { padding: 0; opacity: 0.55; } @@ -1731,101 +1406,115 @@ button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } -popover.emoji-picker .emoji :hover { background: #b0dd7e; border-radius: 6px; } +popover.emoji-picker .emoji :hover { background: #669900; border-radius: 0px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } -popover.emoji-completion .emoji:hover { background: #b4b4b4; } +popover.emoji-completion .emoji:hover { background: #4c4b4b; } -undershoot { background-repeat: no-repeat; background-clip: border-box; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } -undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } +undershoot.top { background-size: 100% 0.5em; background-position: top; } -undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } -undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } +undershoot.left { background-size: 0.5em 100%; background-position: left; } + +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +#XfceNotifyWindow { color: #66cbec; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow label { color: #66cbec; } + +#XfceNotifyWindow label #summary { font-weight: bold; } + +#XfceNotifyWindow button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow button:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +#XfceNotifyWindow button:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #241f31; +@define-color theme_fg_color #EDF0F5; /* text color for entries, views and content in general */ -@define-color theme_text_color #241f31; +@define-color theme_text_color #EDF0F5; /* widget base background color */ -@define-color theme_bg_color #a7a7a7; +@define-color theme_bg_color #3f3e3e; /* text widgets and the like base background color */ -@define-color theme_base_color #908f8d; +@define-color theme_base_color #323232; /* base background color of selections */ -@define-color theme_selected_bg_color #b0dd7e; +@define-color theme_selected_bg_color #669900; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #000000; +@define-color theme_selected_fg_color #d1ff96; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #938989; +@define-color insensitive_bg_color #493e37; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #552222; +@define-color insensitive_fg_color #7c675a; /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #908f8d; +@define-color insensitive_base_color #323232; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #66636c; +@define-color theme_unfocused_fg_color #EDF0F5; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #241f31; +@define-color theme_unfocused_text_color #EDF0F5; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #a7a7a7; +@define-color theme_unfocused_bg_color #3f3e3e; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #8d8c8a; +@define-color theme_unfocused_base_color #323232; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #b0dd7e; +@define-color theme_unfocused_selected_bg_color #669900; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #000000; +@define-color theme_unfocused_selected_fg_color #d1ff96; /* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #818181; +@define-color unfocused_insensitive_color #493e37; /* widgets main borders color */ -@define-color borders #797979; +@define-color borders #252525; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #828282; +@define-color unfocused_borders #252525; /* these are pretty self explicative */ -@define-color warning_color #938989; -@define-color error_color #990000; -@define-color success_color #73d216; +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#241f31, 1.8); -@define-color wm_unfocused_title #66636c; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#a7a7a7, 1.2); -@define-color wm_bg_b #a7a7a7; +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #EDF0F5; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#a7a7a7, 1.3); -@define-color wm_button_hover_color_b #a7a7a7; -@define-color wm_button_active_color_a shade(#a7a7a7, 0.85); -@define-color wm_button_active_color_b shade(#a7a7a7, 0.89); -@define-color wm_button_active_color_c shade(#a7a7a7, 0.9); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #908f8d; +@define-color content_view_bg #323232; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #908f8d; +@define-color text_view_bg #232323; diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index 6d4494a..94d544f 100644 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -8,22 +8,16 @@ $selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ /*Usually an automatic fg color on these backgrounds should check this value!*/ /*************************** Check and Radio buttons * */ /*************************** Check and Radio buttons * */ -calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #b0dd7e; } +calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #669900; } -label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #000000; } +label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #d1ff96; } -label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #586f3f; } - -label:backdrop:selected, calendar > grid > label.day-number:backdrop:selected, row:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, gridview > child:backdrop:selected, flowbox > flowboxchild:backdrop:selected, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected { color: #1d1b22; background-color: rgba(174, 180, 167, 0.7); } - -label:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, textview > text:backdrop:disabled:selected { color: #84a362; } +label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #9ccc4b; } /*************** Base States * */ -.background { color: #241f31; background-color: #a7a7a7; } +.background { color: #EDF0F5; background-color: #3f3e3e; } -.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } - -dnd { color: #241f31; } +dnd { color: #EDF0F5; } .normal-icons { -gtk-icon-size: 16px; } @@ -31,85 +25,85 @@ dnd { color: #241f31; } image:disabled { -gtk-icon-filter: opacity(0.5); } -.view, iconview, textview > text { color: #241f31; background-color: #908f8d; } +.view, iconview, textview > text { color: #EDF0F5; background-color: #323232; } -.view:disabled, iconview:disabled, textview > text:disabled { color: #552222; background-color: #938989; } +.view:disabled, iconview:disabled, textview > text:disabled { color: #7c675a; background-color: #493e37; } -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 0px; } textview > text { background-color: transparent; } -textview > text > selection { background-color: rgba(174, 180, 167, 0.7); } +textview > text > selection { background-color: #669900; } -textview > text > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); } +textview > text > selection:focus-within { background-color: rgba(102, 153, 0, 0.3); } -textview:drop(active) { caret-color: #73d216; } +textview:drop(active) { caret-color: #33d17a; } -textview > border { background-color: #9c9b9a; } +textview > border { background-color: #393838; } iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } iconview { outline: 0 solid transparent; outline-offset: 4px; } -iconview:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +iconview:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } -iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #8bcd41; } +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: black; } -rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #97d256; background-color: rgba(151, 210, 86, 0.2); } +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #446600; background-color: rgba(68, 102, 0, 0.2); } -flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +flowbox > flowboxchild { padding: 3px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } -flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); } +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); } -gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +gridview > child { padding: 3px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } gridview > child { outline: 0 solid transparent; outline-offset: 4px; } -gridview > child:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +gridview > child:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); } +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); } gridview > child box { border-spacing: 8px; margin: 12px; } -coverflow cover { color: #241f31; background-color: #908f8d; border: 1px solid black; } +coverflow cover { color: #EDF0F5; background-color: #323232; border: 1px solid black; } label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } label { outline: 0 solid transparent; outline-offset: 4px; } -label:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +label:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -label > selection { background-color: rgba(174, 180, 167, 0.7); color: #000000; } +label > selection { background-color: #669900; color: #d1ff96; } -label > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); } +label > selection:focus-within { background-color: rgba(102, 153, 0, 0.3); } -label:disabled { color: #552222; } +label:disabled { color: #7c675a; } button label:disabled { color: inherit; } -label.error { color: #990000; } +label.error { color: #CC0000; } -label.error:disabled { color: rgba(153, 0, 0, 0.5); } +label.error:disabled { color: #7c665a; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } -window.assistant .sidebar { padding: 5px; border-top: 1px solid #797979; } +window.assistant .sidebar { padding: 1px; border-top: 1px solid #252525; } window.assistant.csd .sidebar { border-top-style: none; } window.assistant .sidebar > label { padding: 6px 12px; } -window.assistant .sidebar > label.highlight { background-color: #b0dd7e; border-radius: 5px; } +window.assistant .sidebar > label.highlight { background-color: #669900; border-radius: 1px; } window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } -.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #002269; border: 1px solid #002269; background-color: rgba(103, 137, 180, 0.7); background-clip: padding-box; } +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #66cbec; border-width: 2px; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } /********************* Spinner Animation * */ @keyframes spin { to { transform: rotate(1turn); } } @@ -118,7 +112,7 @@ spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("proc spinner:checked { opacity: 1; animation: spin 1s linear infinite; } -spinner:checked:disabled { opacity: 0.5; color: #552222; } +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } /********************** General Typography * */ .large-title { font-weight: 300; font-size: 24pt; } @@ -140,204 +134,204 @@ spinner:checked:disabled { opacity: 0.5; color: #552222; } .caption { font-weight: 400; font-size: 9pt; } /**************** Text Entries * */ -spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 2px solid; border-radius: 0px; border-spacing: 6px; transition: none; color: #EDF0F5; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } -spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #908f8d; background-color: #241f31; } +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #323232; background-color: #EDF0F5; } spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { background-color: #323232; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } -spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #552222; background-color: #938989; } +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(174, 180, 167, 0.7); color: transparent; } +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: #669900; color: #d1ff96; } -spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); color: #241f31; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(153, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #990000; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #323232; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #938989; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #CC0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(147, 137, 137, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #938989; } +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { background-color: #323232; border-left-color: #c26000; border-top-color: #c26000; border-right-color: #ffa043; border-bottom-color: #ffa043; } -spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #3a3543; } +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; } -spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #241f31; } +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #c8cace; } -spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #b0dd7e; } +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #EDF0F5; } -spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #6e6b72; } +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #669900; } -spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #c8cace; } -.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #002269; border-color: #002269; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); -gtk-icon-shadow: 0 1px black; } +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #002269; border-color: #b0dd7e; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #34568f; border-color: #002269; background-color: rgba(93, 127, 173, 0.5); background-clip: padding-box; } +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #66cbec; background-color: #203d79; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } -spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #b0dd7e; border-style: solid; box-shadow: none; } +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #669900; border-style: solid; box-shadow: none; } -spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; } -spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #898887; } +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; } -spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #898887; } +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } -spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } - -spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; } - -treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #908f8d; transition-property: color, background; } - -treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #908f8d; } - -treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #b0dd7e; } +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #669900; } /******************* Editable Labels * */ -editablelabel > stack > text { color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } +editablelabel > stack > text { color: #EDF0F5; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } /*********** Buttons * */ -@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #938989 0%, rgba(147, 137, 137, 0) 0%); } - to { background-image: radial-gradient(farthest-side, #938989 95%, rgba(147, 137, 137, 0)); } } +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } /****************************************************** Buttons * */ -scrollbar > range > trough > slider, notebook > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } -scrollbar > range > trough > slider, notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } -scrollbar > range > trough > slider:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -scrollbar > range > trough > slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#bcbeb9, 1.1); -gtk-icon-filter: brightness(1.2); } +notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } -scrollbar > range > trough > slider.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, scrollbar > range > trough > slider:active, notebook > header > tabs > arrow:active, button.keyboard-activating, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } +notebook > header > tabs > arrow.keyboard-activating, notebook.frame > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, button.keyboard-activating, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } -scrollbar > range > trough > slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#b0dd7e, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } -scrollbar > range > trough > slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #b0dd7e; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -scrollbar > range > trough > slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; } +notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); } -scrollbar > range > trough > slider:backdrop:not(:disabled), notebook > header > tabs > arrow:backdrop:not(:disabled), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -scrollbar > range > trough > slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; -gtk-icon-filter: opacity(0.5); } +button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } -scrollbar > range > trough > slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #979687; } +notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } -button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } +notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } -scrollbar > range > trough > slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +notebook > header > tabs > arrow.arrow-button, notebook.frame > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } -scrollbar > range > trough > slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +notebook > header > tabs > arrow.arrow-button > box, notebook.frame > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } -scrollbar > range > trough > slider.arrow-button, notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -scrollbar > range > trough > slider.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #d1ff96; border-color: transparent; } -dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #EDF0F5; } -row:selected button { border-color: #8bcd41; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #8d8c8a; } - -button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border: none; box-shadow: none; } +button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; box-shadow: none; } button.osd.image-button { min-width: 30px; } -button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } +button.osd.image-button:only-child { margin: 4px; border-radius: 50%; } -button.osd:hover { border: none; box-shadow: none; } +button.osd:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; box-shadow: none; } -button.osd:active, button.osd:checked { border: none; box-shadow: none; } +button.osd:active, button.osd:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; box-shadow: none; } -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #002269; background-color: rgba(103, 137, 180, 0.7); border-color: #002269; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - -button.suggested-action { color: black; background-color: #b0dd7e; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +button.suggested-action { border-width: 2px; color: white; background-color: #26ab62; border-left-color: #48d688; border-top-color: #48d688; border-right-color: #1d814a; border-bottom-color: #1d814a; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } -button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } +button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } -button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #b0dd7e; } +button.suggested-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #26ab62; } -button.suggested-action:hover { background-color: shade(#b0dd7e, 1.1); } +button.suggested-action:hover { border-width: 2px; background-color: #2bbf6e; border-left-color: #5dda95; border-top-color: #5dda95; border-right-color: #229656; border-bottom-color: #229656; } -button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +button.suggested-action:active, button.suggested-action:checked { border-width: 2px; background-color: #26ab62; border-left-color: #1d814a; border-top-color: #1d814a; border-right-color: #48d688; border-bottom-color: #48d688; } -button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(176, 221, 126, 0.8); } +button.suggested-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(38, 171, 98, 0.8); } -button.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #979687; } +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.destructive-action { color: white; background-color: #990000; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +.osd button.suggested-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd button.suggested-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd button.suggested-action:active, .osd button.suggested-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +button.destructive-action { border-width: 2px; color: white; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } -button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } +button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } -button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } -button.destructive-action:hover { background-color: shade(#990000, 1.1); } +button.destructive-action:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +button.destructive-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } -button.destructive-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #979687; } +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } + +.osd button.destructive-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd button.destructive-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd button.destructive-action:active, .osd button.destructive-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } -button.font separator { background-color: transparent; } - button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } @@ -346,32 +340,30 @@ menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; menubutton.circular button label, button.circular label { padding: 0; } -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #938989 96%, rgba(147, 137, 137, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } -stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } -stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } -.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } - -.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ -modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 0px; } -modelbutton.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); } +modelbutton.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -modelbutton.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +modelbutton.flat:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 1; } -modelbutton.flat arrow:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); } +modelbutton.flat arrow:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } @@ -382,58 +374,34 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symboli button.color { padding: 4px; } -button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); } - button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } -.osd button.color > colorswatch:only-child { box-shadow: none; } - -.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } - /* list buttons */ /* tone down as per new designs, see issue #1473 */ -popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(121, 121, 121, 0.5); } - -popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { background-color: shade(#bcbeb9, 1.1); } - -popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - -popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #b0dd7e; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.455686); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.455686); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; } - -popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } - -popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #990000; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; } - -popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } - /********* Links * */ -button.link, link { color: #004B91; text-decoration: underline; } +button.link, link { color: #99c1f1; text-decoration: underline; } -button.link:visited, link:visited { color: #680091; } +button.link:visited, link:visited { color: #dc8add; } -*:selected button.link:visited, *:selected link:visited { color: #2a003a; } +*:selected button.link:visited, *:selected link:visited { color: #d5d0b2; } -button.link:hover, link:hover { color: #0065c4; } +button.link:hover, link:hover { color: #c6dcf7; } -*:selected button.link:hover, *:selected link:hover { color: #000a14; } +*:selected button.link:hover, *:selected link:hover { color: #d0fca0; } -button.link:active, link:active { color: #004B91; } +button.link:active, link:active { color: #99c1f1; } -*:selected button.link:active, *:selected link:active { color: #000f1d; } +*:selected button.link:active, *:selected link:active { color: #c6f3a8; } -button.link:disabled, link:disabled { color: rgba(73, 73, 73, 0.8); } +button.link:disabled, link:disabled { color: rgba(197, 197, 197, 0.8); } -button.link:selected, *:selected button.link, link:selected, *:selected link { color: #000f1d; } +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #c6f3a8; } link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } link { outline: 0 solid transparent; outline-offset: 4px; } -link:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +link:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } @@ -446,39 +414,47 @@ spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } -.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: #938989; } +.osd spinbutton:not(.vertical) > text:disabled, spinbutton:not(.vertical) > text:disabled { background-color: #493e37; color: #7c675a; } spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-style: none none none solid; border-color: rgba(0, 34, 105, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: rgba(77, 111, 155, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: #152951; -gtk-icon-shadow: 0 1px black; box-shadow: none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #34568f; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #7c675a; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 0px 0px 0; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 0px 0 0 0px; } -spinbutton.vertical:disabled { color: #552222; } +spinbutton.vertical:disabled { color: #7c675a; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } -spinbutton.vertical > text > selection { background-color: rgba(174, 180, 167, 0.7); color: transparent; } +spinbutton.vertical > text > selection { background-color: #669900; color: transparent; } -spinbutton.vertical > text > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); color: #000000; } +spinbutton.vertical > text > selection:focus-within { background-color: rgba(102, 153, 0, 0.3); color: #d1ff96; } -spinbutton.vertical > text > block-cursor { color: #908f8d; background-color: #241f31; } +spinbutton.vertical > text > block-cursor { color: #323232; background-color: #EDF0F5; } spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } -spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } +spinbutton.vertical > button.up { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } +spinbutton.vertical > button.down { border-top-left-radius: 0; border-top-right-radius: 0; } + +.osd spinbutton.vertical > button:first-child { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd spinbutton.vertical > button:first-child:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd spinbutton.vertical > button:first-child:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd spinbutton.vertical > button:first-child:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } @@ -503,16 +479,16 @@ dropdown popover listview, combobox popover listview { margin: 8px 0; } dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } -dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: #241f31; background-color: #b0dd7e; box-shadow: none; } +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #d1ff96; background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; box-shadow: none; } -dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #797979; } +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; } /************ Toolbars * */ -searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #a7a7a7; } +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #3f3e3e; } .osd .toolbar { background-color: transparent; } -.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(103, 137, 180, 0.7); } +.toolbar.osd { padding: 13px; border: none; border-radius: 0px; background-color: #203d79; } .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } @@ -522,18 +498,29 @@ searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; backgr searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } -searchbar > revealer > box { border-style: solid; border-color: #797979; background-color: #999999; } - -searchbar > revealer > box:backdrop { border-color: #828282; background-color: #9a9a9a; box-shadow: none; transition: 200ms ease-out; } +searchbar > revealer > box { border-style: solid; border-color: #252525; background-color: #373636; } /************** GtkInfoBar * */ -infobar > revealer > box { padding: 8px; border-spacing: 12px; } +/************** GtkInfoBar * */ +infobar { background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #868686; background-color: #9d83b9; } +infobar button { border-width: 2px; color: #EDF0F5; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } +infobar button:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -infobar .close:hover, searchbar .close:hover { background-color: shade(#bcbeb9, 1.1); } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } + +infobar button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +infobar button label, infobar button { color: #EDF0F5; } + +infobar selection { background-color: #252525; } + +infobar *:link { color: #99c1f1; } + +searchbar .close { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +searchbar .close:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } /***************** Title buttons * */ windowcontrols { border-spacing: 6px; } @@ -542,18 +529,40 @@ windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rt windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; } -windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } +windowcontrols button.close { border-width: 2px; color: #d1ff96; background-color: #994d00; border-left-color: #e67400; border-top-color: #e67400; border-right-color: #663300; border-bottom-color: #663300; } -windowcontrols button:hover { background-color: shade(#bcbeb9, 1.1); } +windowcontrols button.close:hover, windowcontrols button.close:hover:backdrop { border-width: 2px; background-color: #b35a00; border-left-color: #ff8000; border-top-color: #ff8000; border-right-color: #804000; border-bottom-color: #804000; } -windowcontrols button:active, windowcontrols button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +windowcontrols button.close:active, windowcontrols button.close:active:backdrop { border-width: 2px; background-color: #994d00; border-left-color: #663300; border-top-color: #663300; border-right-color: #e67400; border-bottom-color: #e67400; } -windowcontrols button.close { background-color: #990000; color: white; } +windowcontrols button.close:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +windowcontrols button.close:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } + +windowcontrols button.maximize { border-width: 2px; color: #d1ff96; background-color: #4db53d; border-left-color: #7ccf70; border-top-color: #7ccf70; border-right-color: #3d8f30; border-bottom-color: #3d8f30; } + +windowcontrols button.maximize:hover, windowcontrols button.maximize:hover:backdrop { border-width: 2px; background-color: #5ac24a; border-left-color: #8ed583; border-top-color: #8ed583; border-right-color: #45a237; border-bottom-color: #45a237; } + +windowcontrols button.maximize:active, windowcontrols button.maximize:active:backdrop { border-width: 2px; background-color: #4db53d; border-left-color: #3d8f30; border-top-color: #3d8f30; border-right-color: #7ccf70; border-bottom-color: #7ccf70; } + +windowcontrols button.maximize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +windowcontrols button.maximize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } + +windowcontrols button.minimize { border-width: 2px; color: #d1ff96; background-color: #ae8900; border-left-color: #fbc500; border-top-color: #fbc500; border-right-color: #7b6100; border-bottom-color: #7b6100; } + +windowcontrols button.minimize:hover, windowcontrols button.minimize:hover:backdrop { border-width: 2px; background-color: #c89d00; border-left-color: #ffcd15; border-top-color: #ffcd15; border-right-color: #957500; border-bottom-color: #957500; } + +windowcontrols button.minimize:active, windowcontrols button.minimize:active:backdrop { border-width: 2px; background-color: #ae8900; border-left-color: #7b6100; border-top-color: #7b6100; border-right-color: #fbc500; border-bottom-color: #fbc500; } + +windowcontrols button.minimize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +windowcontrols button.minimize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } /*************** Header bars * */ -.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6a6a6a; border-radius: 0; background: #8e8e8e linear-gradient(to top, #888888, #909090); /* Darken switchbuttons for headerbars. issue #1588 */ } +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-radius: 0; border: none; background-color: #669900; color: #d1ff96; /* Darken switchbuttons for headerbars. issue #1588 */ } -.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #828282; background-color: #a7a7a7; background-image: none; transition: 200ms ease-out; } +.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } @@ -579,11 +588,11 @@ headerbar switch { margin-top: 10px; margin-bottom: 10px; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } -.titlebar:not(headerbar) separator { background-color: #797979; } +.titlebar:not(headerbar) separator { background-color: #252525; } -window.devel headerbar.titlebar { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(176, 221, 126, 0.2)), linear-gradient(to top, #868686, #8e8e8e 3px, #9d9d9d); } +window.devel headerbar.titlebar { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(102, 153, 0, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } -window.devel headerbar.titlebar:backdrop { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#a7a7a7); /* background-color would flash */ } +window.devel headerbar.titlebar:backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } /************ Pathbars * */ pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } @@ -599,59 +608,55 @@ pathbar > button image { padding-left: 4px; padding-right: 4px; } pathbar > button.slider-button { padding-left: 0; padding-right: 0; } /************** Tree Views * */ -columnview.view, treeview.view { border-left-color: #7e7d7d; border-top-color: #7e7d7d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +columnview.view, treeview.view { border-left-color: #575859; border-top-color: #575859; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } -columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); } +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); } -columnview.view:disabled, treeview.view:disabled { color: #552222; } +columnview.view:disabled, treeview.view:disabled { color: #7c675a; } -columnview.view:disabled:selected, treeview.view:disabled:selected { color: #6a854c; } +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #91c23c; } -columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #84a362; } - -columnview.view.separator, treeview.view.separator { min-height: 2px; color: #7e7d7d; } - -columnview.view:backdrop, treeview.view:backdrop { border-left-color: #858584; border-top: #858584; } +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #575859; } columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } -columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #8bcd41; } +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: black; } columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } -columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #44414d; } +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -columnview.view.expander:hover, treeview.view.expander:hover { color: #241f31; } +columnview.view.expander:hover, treeview.view.expander:hover { color: #EDF0F5; } -columnview.view.expander:selected, treeview.view.expander:selected { color: #354226; } +columnview.view.expander:selected, treeview.view.expander:selected { color: #b1e069; } -columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #000000; } +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #d1ff96; } columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -columnview.view.progressbar, treeview.view.progressbar { color: #908f8d; background-color: #b0dd7e; background-image: image(#b0dd7e); box-shadow: none; } +columnview.view.expander:disabled, columnview.view.expander:disabled:checked, treeview.view.expander:disabled, treeview.view.expander:disabled:checked { color: #7c675a; } -columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #b0dd7e; background-image: image(#908f8d); } +columnview.view.progressbar, treeview.view.progressbar { background-color: #669900; background-image: image(#669900); box-shadow: none; } -columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #b0dd7e; background-color: #8d8c8a; } +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#323232); } -columnview.view.trough, treeview.view.trough { background-color: rgba(36, 31, 49, 0.1); } +columnview.view.trough, treeview.view.trough { background-color: rgba(237, 240, 245, 0.1); } -columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #446600; } -columnview.view > header > button, treeview.view > header > button { color: #5a575f; background-color: #908f8d; font-weight: bold; text-shadow: none; box-shadow: none; } +columnview.view > header > button, treeview.view > header > button { text-shadow: none; box-shadow: none; } -columnview.view > header > button:hover, treeview.view > header > button:hover { color: #3f3b48; box-shadow: none; transition: none; } +columnview.view > header > button:hover, treeview.view > header > button:hover { box-shadow: none; transition: none; } -columnview.view > header > button:active, treeview.view > header > button:active { color: #241f31; transition: none; } +columnview.view > header > button:active, treeview.view > header > button:active { transition: none; } columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } @@ -659,28 +664,24 @@ columnview.view > header > button sort-indicator.ascending, treeview.view > head columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #908f8d; background-image: none; background-color: #b0dd7e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #908f8d; text-shadow: none; transition: none; } +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #323232; background-image: none; background-color: #669900; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #323232; text-shadow: none; transition: none; } -columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #b0dd7e; } +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #669900; } -columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #7e7d7d; border-radius: 0; text-shadow: none; } +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-radius: 0; text-shadow: none; } -columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #a7a7a7; background-image: none; background-color: #938989; color: #552222; } +columnview.view > header > button:disabled, treeview.view > header > button:disabled { background-color: #493e37; color: #7c675a; } -columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } - -/*************** Popovers * */ +/*************** Popovers * (such as menus!) */ popover.background { background-color: transparent; font: initial; } -popover.background > arrow, popover.background > contents { background-color: #908f8d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } +popover.background > arrow, popover.background > contents { border: 2px solid; color: #EDF0F5; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -popover.background:backdrop { background-color: transparent; } - -popover.background > contents { padding: 8px; border-radius: 9px; } +popover.background > contents { padding: 8px; border-radius: 0px; } popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } -popover.background > contents separator { background-color: #878787; margin: 3px; } +popover.background > contents separator { background-color: #2d2c2c; margin: 3px; } popover.background > contents list separator { margin: 0; } @@ -688,24 +689,24 @@ popover.background > contents list separator { margin: 0; } .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } -magnifier { background-color: #908f8d; } +magnifier { background-color: #323232; } /********************** Popover Base Menus * */ popover.menu { padding: 0; } popover.menu box.inline-buttons { padding: 0 12px; } -popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } +popover.menu box.inline-buttons button.image-button.model { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } -popover.menu box.inline-buttons button.image-button.model:selected { background: image(#b0dd7e); } +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#669900); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } -popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #b0dd7e; border-color: #b0dd7e; } +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #669900; border-color: #669900; } -popover.menu > arrow, popover.menu.background > contents { background-color: #908f8d; padding: 5px; } +popover.menu > arrow, popover.menu.background > contents { background-color: #353434; padding: 1px; } popover.menu.background separator { margin: 6px 0; } @@ -715,269 +716,247 @@ popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } -popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; box-shadow: none; background-image: image(transparent); color: #241f31; } +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; box-shadow: none; background-image: image(transparent); color: #EDF0F5; } -popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #241f31; box-shadow: none; background-image: image(transparent); } +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #EDF0F5; box-shadow: none; background-image: image(transparent); } -popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: #241f31; box-shadow: none; background-image: image(transparent); } +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: #EDF0F5; box-shadow: none; background-image: image(transparent); } popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } -popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 1px; } -popover.menu modelbutton:selected { color: #241f31; background-color: #b0dd7e; } +popover.menu modelbutton:selected { color: #EDF0F5; background-color: #669900; } -popover.menu modelbutton:selected:active { background-color: #838383; } +popover.menu modelbutton:selected:active { background-color: #1b1b1b; } popover.menu label.title { font-weight: bold; padding: 4px 32px; } -menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } +menubar { padding: 0px; } menubar > item { min-height: 16px; padding: 4px 8px; } -menubar > item:selected { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; } +menubar > item:selected { color: #d1ff96; background-color: #669900; } -menubar > item:disabled { color: #552222; box-shadow: none; } +menubar > item:disabled { color: #7c675a; box-shadow: none; } -menubar > item popover.menu.background > contents { padding: 5px; } +menubar > item popover.menu.background > contents { padding: 1px; } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } -menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 0px; } /************* Notebooks * */ -notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +notebook, notebook.frame { border-width: 2px; border-style: solid; background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; } -notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } +notebook > header, notebook.frame > header { border: 0 solid; background-color: #3f3e3e; background-color: #3f3e3e; border-left-color: #252525; border-top-color: #252525; border-right-color: #666464; border-bottom-color: #666464; margin: -2px; } -notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +notebook > header tabs, notebook.frame > header tabs { border-width: 0px; border-style: none; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; background-color: #3f3e3e; } -notebook > header { padding: 1px; border-color: #797979; border-width: 1px; background-color: #909090; } +notebook > header.top, notebook.frame > header.top { border-bottom-width: 2px; } -notebook > header > tabs { margin: -1px; } +notebook > header.top > tabs, notebook.frame > header.top > tabs { margin-top: 2px; } -notebook > header.top { border-bottom-style: solid; } +notebook > header.top > tabs > tab, notebook.frame > header.top > tabs > tab { border-bottom: none; margin-top: 2px; } -notebook > header.top > tabs { margin-bottom: -2px; } +notebook > header.top > tabs > tab:checked, notebook.frame > header.top > tabs > tab:checked { margin-bottom: -2px; } -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #797979; } +notebook > header.bottom, notebook.frame > header.bottom { border-top-width: 2px; } -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #b0dd7e; } +notebook > header.bottom > tabs, notebook.frame > header.bottom > tabs { margin-bottom: 2px; } -notebook > header.bottom { border-top-style: solid; } +notebook > header.bottom > tabs > tab, notebook.frame > header.bottom > tabs > tab { border-top: none; margin-bottom: 2px; } -notebook > header.bottom > tabs { margin-top: -2px; } +notebook > header.bottom > tabs > tab:checked, notebook.frame > header.bottom > tabs > tab:checked { margin-top: -2px; } -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #797979; } +notebook > header.left, notebook.frame > header.left { border-right-width: 2px; } -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #b0dd7e; } +notebook > header.left > tabs, notebook.frame > header.left > tabs { margin-right: 0; } -notebook > header.left { border-right-style: solid; } +notebook > header.left > tabs > tab, notebook.frame > header.left > tabs > tab { border-right: none; margin-left: 2px; } -notebook > header.left > tabs { margin-right: -2px; } +notebook > header.left > tabs > tab:checked, notebook.frame > header.left > tabs > tab:checked { margin-right: -2px; padding-right: 12px; } -notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #797979; } +notebook > header.right, notebook.frame > header.right { border-left-width: 2px; } -notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #b0dd7e; } +notebook > header.right > tabs, notebook.frame > header.right > tabs { margin-left: 0; } -notebook > header.right { border-left-style: solid; } +notebook > header.right > tabs > tab, notebook.frame > header.right > tabs > tab { border-left: none; margin-right: 2px; } -notebook > header.right > tabs { margin-left: -2px; } +notebook > header.right > tabs > tab:checked, notebook.frame > header.right > tabs > tab:checked { margin-left: -2px; padding-left: 12px; } -notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #797979; } - -notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #b0dd7e; } - -notebook > header.top > tabs > arrow { border-top-style: none; } - -notebook > header.bottom > tabs > arrow { border-bottom-style: none; } - -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } +notebook > header.top > tabs > arrow, notebook.frame > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow, notebook.frame > header.bottom > tabs > arrow { padding: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -notebook > header.left > tabs > arrow { border-left-style: none; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow { border-left-style: none; } -notebook > header.right > tabs > arrow { border-right-style: none; } +notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { border-right-style: none; } -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow, notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow { min-height: 1em; min-width: 1em; border-radius: 0; } -notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop), notebook.frame > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; box-shadow: none; } -notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled { border-width: 2px; } -notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #241f31; font-weight: normal; border-width: 1px; border-color: transparent; } +notebook > header tab, notebook.frame > header tab { outline-offset: -5px; font-weight: normal; padding: 3px 10px; border-width: 2px; border-style: solid; border-radius: 0; color: #909194; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; margin: 0px; } -notebook > header > tabs > tab:hover { color: #241f31; background-color: #868686; } +notebook > header tab:hover, notebook.frame > header tab:hover { color: #EDF0F5; background-color: #353434; } -notebook > header > tabs > tab:hover.reorderable-page { border-color: rgba(121, 121, 121, 0.3); background-color: rgba(167, 167, 167, 0.2); } +notebook > header tab:checked, notebook.frame > header tab:checked { background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; color: #EDF0F5; } -notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } +notebook > header tab button.flat, notebook.frame > header tab button.flat { padding: 0; min-width: 1em; min-height: 1em; } -notebook > header > tabs > tab:checked { color: #241f31; } +notebook > header tab button.flat:hover, notebook.frame > header tab button.flat:hover { color: currentColor; } -notebook > header > tabs > tab:checked.reorderable-page { border-color: rgba(121, 121, 121, 0.5); background-color: rgba(167, 167, 167, 0.5); } +notebook > header tab button.flat, notebook > header tab button.flat:backdrop, notebook.frame > header tab button.flat, notebook.frame > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } -notebook > header > tabs > tab:checked.reorderable-page:hover { background-color: rgba(167, 167, 167, 0.7); } +notebook > header tab button.flat:last-child, notebook.frame > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } +notebook > header tab button.flat:first-child, notebook.frame > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header > tabs > tab button.flat:hover { color: currentColor; } +notebook > header.top tabs, notebook > header.bottom tabs, notebook.frame > header.top tabs, notebook.frame > header.bottom tabs { padding-left: 2px; padding-right: 2px; } -notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child), notebook.frame > header.top tabs:not(:only-child), notebook.frame > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } -notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child, notebook.frame > header.top tabs:not(:only-child):first-child, notebook.frame > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } -notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child, notebook.frame > header.top tabs:not(:only-child):last-child, notebook.frame > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } -notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } +notebook > header.top tabs tab, notebook > header.bottom tabs tab, notebook.frame > header.top tabs tab, notebook.frame > header.bottom tabs tab { margin-left: 2px; margin-right: 2px; } -notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } +notebook > header.left tabs, notebook > header.right tabs, notebook.frame > header.left tabs, notebook.frame > header.right tabs { padding-top: 2px; padding-bottom: 2px; } -notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child), notebook.frame > header.left tabs:not(:only-child), notebook.frame > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } -notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child, notebook.frame > header.left tabs:not(:only-child):first-child, notebook.frame > header.right tabs:not(:only-child):first-child { margin-top: -1px; } -notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; } +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child, notebook.frame > header.left tabs:not(:only-child):last-child, notebook.frame > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } -notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } +notebook > header.left tabs tab, notebook > header.right tabs tab, notebook.frame > header.left tabs tab, notebook.frame > header.right tabs tab { margin-top: 2px; margin-bottom: 2px; } -notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } +notebook > header.top tab, notebook.frame > header.top tab { padding-bottom: 4px; } -notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } +notebook > header.bottom tab, notebook.frame > header.bottom tab { padding-top: 4px; } -notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } +notebook > stack:not(:only-child), notebook.frame > stack:not(:only-child) { border: none; background-color: #393838; margin: 2px; } -notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } +notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } -notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; } +notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } -notebook > header.top > tabs > tab { padding-bottom: 4px; } - -notebook > header.bottom > tabs > tab { padding-top: 4px; } - -notebook > stack:not(:only-child) { background-color: #908f8d; } +notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } /************** Scrollbars * */ -scrollbar { background-color: #8d8c8f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +scrollbar { border: 2px solid; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; transition: none; } -scrollbar.top { border-bottom: 1px solid #797979; } +scrollbar > range > trough > slider { padding: 0; background-image: none; min-width: 10px; min-height: 10px; border: 2px solid; border-radius: 0px; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -scrollbar.bottom { border-top: 1px solid #797979; } +scrollbar > range > trough > slider:hover { background-color: #5e675e; border-left-color: #838e83; border-top-color: #838e83; border-right-color: #464c46; border-bottom-color: #464c46; } -scrollbar.left { border-right: 1px solid #797979; } +scrollbar > range > trough > slider:hover:active { background-color: #88cc00; border-left-color: #b3ff1a; border-top-color: #b3ff1a; border-right-color: #669900; border-bottom-color: #669900; } -scrollbar.right { border-left: 1px solid #797979; } +scrollbar > range > trough > slider:disabled { background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scrollbar > range > trough > slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #585560; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -scrollbar > range > trough > slider:hover { background-color: #3e3a49; } - -scrollbar > range > trough > slider:hover:active { background-color: #97d256; } - -scrollbar > range > trough > slider:disabled { background-color: transparent; } - -scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #6789b4; } +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } -treeview ~ scrollbar.vertical { border-top: 1px solid #797979; margin-top: -1px; } +scrollbar.overlay-indicator { opacity: 0.5; } /********** Switch * */ -switch { font-weight: bold; font-size: smaller; border: 1px solid #797979; border-radius: 14px; color: #241f31; background-color: #909090; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } +switch { font-weight: bold; font-size: smaller; border: 2px solid; border-radius: 0px; color: #EDF0F5; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } switch { outline: 0 solid transparent; outline-offset: 4px; } -switch:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: 0; } +switch:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: 0; } -headerbar switch { background-color: #7c7c7c; } +switch:checked { color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -switch:checked { color: #000000; border-color: #000000; background-color: #b0dd7e; } +switch:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -switch:disabled { color: #552222; border-color: #797979; background-color: #938989; text-shadow: none; } - -switch > slider { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +switch > slider { margin: 0px; min-width: 24px; min-height: 24px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } switch > image { color: transparent; } -switch:hover > slider { background-color: shade(#bcbeb9, 1.1); } +switch:hover > slider { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -switch:checked > slider { border: 1px solid #8bcd41; } - -switch:disabled > slider { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } - -row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border-color: #8bcd41; } - -row:selected switch > slider:checked, row:selected switch > slider { border-color: #8bcd41; } +switch:disabled > slider { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } /************************* Check and Radio items * */ -.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(0, 34, 105, 0.8); background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(102, 203, 236, 0.8); background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +checkbutton { border-spacing: 4px; border-radius: 0px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; } -checkbutton:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +checkbutton:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } -check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #c9cac6 20%, #bcbeb9 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #5a6659 20%, #4e584d 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:hover, radio:hover { background-image: linear-gradient(to bottom, #d3d4d1 10%, #c6c8c4 90%); } +check:hover, radio:hover { background-image: linear-gradient(to bottom, #647062 10%, #586357 90%); } -check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#afb2ac); } +check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#424a41); } -check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:disabled, radio:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:disabled, radio:disabled { color: #552222; border-color: #552222; } +check:disabled, radio:disabled { color: #7c675a; border-color: #7c675a; } -row:selected check, row:selected radio { border-color: #000000; } +.osd check, .osd radio { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -check { border-radius: 3px; -gtk-icon-size: 14px; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd check:active, .osd radio:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd check:disabled, .osd radio:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +check { border-radius: 0px; -gtk-icon-size: 14px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } @@ -989,66 +968,50 @@ treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-sca treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } -treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; } +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #d1ff96; } /************ GtkScale * */ -progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #797979; border-radius: 3px; background-color: #909090; } +levelbar > trough, progressbar > trough, scale > trough > fill, scale > trough { border: 2px solid; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; } -headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #7c7c7c; } +levelbar > trough:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #938989; border-color: #674e4e; } +.osd levelbar > trough, .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #8bcd41; } +.osd levelbar > trough:disabled, .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: #002269; background-color: rgba(0, 34, 105, 0.3); } +progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 0px; background-color: #669900; } -.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(93, 127, 173, 0.5); } - -progressbar > trough > progress, scale > trough > highlight { border: 1px solid #8bcd41; border-radius: 3px; background-color: #b0dd7e; } - -progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: #7a6060; border-color: transparent; } - -row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #8bcd41; } - -.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: #002269; } - -.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: #53463e; } scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } scale > trough { outline: 0 solid transparent; outline-offset: 16px; } -scale:focus:focus-visible > trough { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: 10px; } +scale:focus:focus-visible > trough { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: 10px; } -scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +scale > trough { transition: none; } -scale > trough > fill, scale > trough > highlight { margin: -1px; } +scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #6789b4; } +scale > trough > fill { background-color: #4c6519; } -scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } +scale > trough > fill:disabled { background-color: #3e3834; } -.osd scale > trough > fill { background-color: #002269; } +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -7px; border-width: 2px; border-style: solid; border-radius: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } +scale > trough > slider:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } +scale > trough > slider:active { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -scale > trough > slider:hover { background-color: shade(#bcbeb9, 1.1); } +scale > trough > slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scale > trough > slider:active { border-color: #b0dd7e; } +.osd scale > trough > slider { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -scale > trough > slider:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.osd scale > trough > slider:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #8bcd41; } +.osd scale > trough > slider:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -.osd scale > trough > slider { border-color: #001d5a; background-color: #6789b4; } - -.osd scale > trough > slider:hover { background-color: #6789b4; } - -.osd scale > trough > slider:active { background-color: #6789b4; } - -.osd scale > trough > slider:disabled { background-color: #6789b4; } +.osd scale > trough > slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } @@ -1086,7 +1049,7 @@ scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-heigh scale.color { min-height: 0; min-width: 0; } -scale.color > trough { background-image: image(#797979); background-repeat: no-repeat; } +scale.color > trough { background-image: image(#252525); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -1107,110 +1070,90 @@ scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } /***************** Progress bars * */ -progressbar { font-size: smaller; color: rgba(36, 31, 49, 0.4); font-feature-settings: "tnum"; } +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal > trough { min-width: 150px; } -progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 0.3em; } progressbar.vertical > trough { min-height: 80px; } -progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 0.3em; } -progressbar.horizontal > trough > progress { margin: 0 -1px; } +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ } -progressbar.vertical > trough > progress { margin: -1px 0; } +progressbar > trough > progress:disabled { background-color: #7c675a; } -progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } - -progressbar > trough > progress:disabled { background-color: #552222; border-color: #552222; } - -progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - -progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - -progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } - -progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } - -progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } - -progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } - -progressbar.osd > trough > progress { border-style: none; border-radius: 0; } +progressbar.osd { min-width: 3px; min-height: 3px; } progressbar > trough.empty > progress { all: unset; } /************* Level Bar * */ /************* Level Bar * */ -levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } +levelbar.horizontal trough > block { min-height: 9px; border-radius: 0px; } -levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 0px 0px 0; } -levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } +levelbar.horizontal trough > block:dir(ltr) { border-radius: 0px 0 0 0px; } -levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 0px; } -levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 2px; min-width: 24px; border-radius: 0; } -levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } +levelbar.vertical trough > block { min-width: 9px; border-radius: 0px; } -levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 2px; min-height: 32px; } -levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } +levelbar > trough > block.low { background-color: #f57900; } -levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #669900; } -levelbar > trough { padding: 1px; color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } +levelbar > trough > block.full { background-color: #33d17a; } -levelbar > trough:backdrop { color: #393543; border-color: #828282; background-color: #8d8c8a; } - -levelbar > trough > block { border: 1px solid; } - -levelbar > trough > block.low { border-color: #938989; background-color: #938989; } - -levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #b0dd7e; background-color: #b0dd7e; } - -levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } - -levelbar > trough > block.empty { background-color: #9a9a9a; border-color: #9a9a9a; } +levelbar > trough > block.empty { background-color: #252525; } /**************** Print dialog * */ -window.dialog.print drawing { color: #241f31; background: none; border: none; padding: 0; } +window.dialog.print drawing { color: #EDF0F5; background: none; border: none; padding: 0; } -window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #797979; } +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #252525; } window.dialog.print .dialog-action-box { margin: 12px; } /********** Frames * */ -frame, .frame { border: 1px solid #797979; } +frame, .frame { border: 2px solid; background-color: transparent; border-left-color: #252525; border-top-color: #252525; border-right-color: #666464; border-bottom-color: #666464; } -frame { border-radius: 8px; } +frame.border-outset frame.border-inset { border-color: #323131; border-style: inset; } + +frame.border-outset { border-color: #323131; border-style: outset; } + +frame.border-ridge { border-color: #323131; border-width: 4px; border-style: ridge; } + +frame.border-groove { border-color: #323131; border-width: 4px; border-style: groove; } + +frame { border-radius: 0px; } frame > label { margin: 4px; } -actionbar > revealer > box { padding: 6px; border-top: 1px solid #797979; } +actionbar > revealer > box { padding: 6px; border-top: 1px solid #252525; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } -scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at top, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.top { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at bottom, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.bottom { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at left, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.left { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at right, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.right { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > junction { background: #797979, linear-gradient(to bottom, transparent 1px, #8d8c8f 1px), linear-gradient(to right, transparent 1px, #8d8c8f 1px); } +scrolledwindow > junction { background: #252525, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to right, transparent 1px, #393838 1px); } -scrolledwindow > junction:dir(rtl) { background: #797979, linear-gradient(to bottom, transparent 1px, #8d8c8f 1px), linear-gradient(to left, transparent 1px, #8d8c8f 1px); } +scrolledwindow > junction:dir(rtl) { background: #252525, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to left, transparent 1px, #393838 1px); } -separator { background: #868686; min-width: 1px; min-height: 1px; } +separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; min-width: 0px; min-height: 0px; } /********* Lists * */ -listview, list { color: #241f31; background-color: #908f8d; border-color: #797979; } - -listview:backdrop, list:backdrop { color: #393543; background-color: #8d8c8a; border-color: #828282; } +listview, list { color: #EDF0F5; background-color: #323232; border-color: #252525; } listview > row, list > row { padding: 2px; } @@ -1218,25 +1161,27 @@ listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } -listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #7e7d7d; } - -listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #7e7d7d; } +listview.horizontal row.separator, list.horizontal row.separator { border-left: 1px solid #575859; } row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } row { outline: 0 solid transparent; outline-offset: 4px; } -row:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +row:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(36, 31, 49, 0.05); } +row.activatable { border-width: 2px; border-style: solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable.has-open-popup, row.activatable:hover { background-color: #3f3f3f; border-left-color: #656565; border-top-color: #656565; border-right-color: #252525; border-bottom-color: #252525; } -row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } +row.activatable:active { background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } -row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #a2ca76; } +row.activatable:selected { color: #d1ff96; background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -row:selected { outline-color: rgba(255, 255, 255, 0.8); } +row.activatable:selected:active { background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #71a30f; border-left-color: #a2e915; border-top-color: #a2e915; border-right-color: #51740b; border-bottom-color: #51740b; } + +row:selected { outline-color: rgba(255, 255, 255, 0.3); } columnview > listview > row { padding: 0; } @@ -1244,20 +1189,20 @@ columnview > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } -columnview.column-separators > listview > row > cell { border-left-color: #7e7d7d; } +columnview.column-separators > listview > row > cell { border-left-color: #575859; } columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } treeexpander { border-spacing: 4px; } /******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ -columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(176, 221, 126, 0.5); } +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(102, 153, 0, 0.7); } -columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #b0dd7e; } +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #669900; } -columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(174, 180, 167, 0.7); color: transparent; } +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #669900; color: transparent; } -columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(176, 221, 126, 0.3); color: #241f31; } +columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(102, 153, 0, 0.3); color: #EDF0F5; } /******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } @@ -1267,7 +1212,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection:focus-wi .rich-list > row > box { border-spacing: 12px; } /********************* App Notifications * */ -.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(103, 137, 180, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: #203d79; background-clip: padding-box; } .app-notification border { border: none; } @@ -1276,7 +1221,7 @@ expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme(" expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -expander:disabled { color: #552222; } +expander:disabled { color: #7c675a; } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1284,64 +1229,56 @@ expander-widget { transition-property: outline, outline-width, outline-offset, o expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } -expander-widget:focus:focus-visible > box > title { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +expander-widget:focus:focus-visible > box > title { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } +expander-widget > box > title { transition: none; border-radius: 0px; } -expander-widget > box > title:hover > expander { color: #695a8f; } +expander-widget > box > title:hover > expander { color: white; } .navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } /************ Calendar * */ -calendar { color: #241f31; border: 1px solid #797979; font-feature-settings: "tnum"; } +calendar { color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; font-feature-settings: "tnum"; } -calendar > header { border-bottom: 1px solid #797979; } +calendar > header { border-bottom: 1px solid #252525; } -calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } +calendar > header > button { border: 2px solid transparent; padding: 1px; box-shadow: none; background: none; border-radius: 0; } -calendar > header > button:backdrop { background: none; } +calendar > grid > label.today { box-shadow: inset 0px 0px 0 1px #6a6b6d; } -calendar > grid > label.today { box-shadow: inset 0px -2px #797979; } +calendar > grid > label.today:selected { box-shadow: inset 0px 0px 0 1px #d1ff96; } -calendar > grid > label.today:selected { box-shadow: none; } - -calendar > grid > label:focus { outline-color: rgba(176, 221, 126, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; } +calendar > grid > label:focus { outline-color: rgba(102, 153, 0, 0.7); outline-offset: -2px; outline-width: 2px; outline-style: solid; } calendar > grid > label.day-number { padding: 4px; } -calendar > grid > label.day-number:selected { border-radius: 3px; } - calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } /*********** Dialogs * */ -window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #a7a7a7; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } window.dialog.message label.title { font-weight: 800; font-size: 15pt; } -window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } +window.dialog.message.csd.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; } -window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } +filechooser .dialog-action-box { border-top: 1px solid #252525; } -window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } - -filechooser .dialog-action-box { border-top: 1px solid #797979; } - -filechooser #pathbarbox { border-bottom: 1px solid #a7a7a7; } +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } filechooserbutton > button > box { border-spacing: 6px; } -filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } +filechooserbutton:drop(active) { box-shadow: inset 0 0 0 1px #33d17a; } /*********** Sidebar * */ -.sidebar { background-color: #9c9b9a; } +.sidebar { background-color: #393838; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #797979; border-left-style: none; } +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #252525; border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #797979; border-right-style: none; } +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #252525; border-right-style: none; } .sidebar listview.view, .sidebar list { background-color: transparent; } @@ -1353,38 +1290,24 @@ stacksidebar row { padding: 10px 4px; transition-property: outline, outline-widt stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } -stacksidebar row:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +stacksidebar row:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } -stacksidebar row:selected { background-color: #b0dd7e; border-radius: 5px; color: #241f31; } - -stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #a4d86a; } - -stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } - -separator.sidebar { background-color: #797979; } +separator.sidebar { background-color: #252525; } /********************** Navigation Sidebar * */ -.navigation-sidebar { padding: 5px 0; } +.navigation-sidebar { padding: 1px 0; } -.navigation-sidebar > separator { margin: 5px; } +.navigation-sidebar > separator { margin: 1px; } -.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 0px; margin: 0 1px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } .navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } -.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } - -.navigation-sidebar > row:hover { background-color: #a0b686; } - -.navigation-sidebar > row:selected { background-color: #b0dd7e; color: inherit; } - -.navigation-sidebar > row:selected:hover { background-color: #93978c; } - -.navigation-sidebar > row:disabled { color: #552222; } +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } /**************** File chooser * */ row image.sidebar-icon { opacity: 1; } @@ -1402,17 +1325,17 @@ placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-r placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } -button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } -placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #b0dd7e; } +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #669900; } -placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #d1ff96; background-color: #33d17a; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } @@ -1421,23 +1344,15 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier( placesview > actionbar > revealer > box > box { border-spacing: 6px; } /********* Paned * */ -paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#797979); background-size: 1px 1px; } +paned > separator { min-width: 4px; min-height: 4px; -gtk-icon-source: none; border-width: 2px; border-style: solid; background-image: radial-gradient(circle closest-side, #EDF0F5 0%, #EDF0F5 75%, rgba(237, 240, 245, 0) 100%); background-clip: padding-box; background-repeat: no-repeat; background-position: center; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; } -paned > separator:selected { background-image: image(#b0dd7e); } +paned > separator:selected { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #a7a7a7; background-image: image(#797979), image(#797979); background-size: 1px 1px, 1px 1px; } +paned > separator.wide { min-width: 5px; min-height: 5px; } -paned.horizontal > separator { background-repeat: repeat-y; } +paned.horizontal > separator.wide { margin: 0; padding: 0; } -paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - -paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - -paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } - -paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - -paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } +paned.vertical > separator.wide { margin: 0; padding: 0; } /************** GtkVideo * */ video { background: black; } @@ -1445,134 +1360,106 @@ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /************ Tooltips * */ -tooltip { padding: 6px 10px; border-radius: 8px; } +tooltip { padding: 6px 10px; border-radius: 0px; } -tooltip.background { background-color: rgba(103, 137, 180, 0.9); background-clip: padding-box; border: 1px solid #002269; color: #002269; } +tooltip.background { border: 2px solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; color: #66cbec; } tooltip > box { border-spacing: 6px; } /***************** Color Chooser * */ -colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +colorswatch { transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; } -colorswatch:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 4px; outline-offset: -2px; } +colorswatch:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 4px; outline-offset: -2px; } colorswatch:drop(active), colorswatch { border-style: none; } -colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } - -colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } - -colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - -colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } - -colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.dark > overlay { color: white; } -colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); } +colorswatch.dark.activatable:hover > overlay { border-color: #252525; } colorswatch.light > overlay { color: black; } -colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); } +colorswatch.light.activatable:hover > overlay { border-color: #252525; } colorswatch:drop(active) { box-shadow: none; } -colorswatch:drop(active).light > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } +colorswatch:drop(active).light > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch:drop(active).dark > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } +colorswatch:drop(active).dark > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); } +colorswatch > overlay { border: 1px solid #252525; } colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } -colorswatch#add-color-button { border-radius: 5px 0 0 5px; } +colorswatch#add-color-button { border-radius: 0px 0 0 0px; } -colorswatch#add-color-button:only-child { border-radius: 5px; } +colorswatch#add-color-button:only-child { border-radius: 0px; } -colorswatch#add-color-button > overlay { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +colorswatch#add-color-button > overlay { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -colorswatch#add-color-button.activatable:hover > overlay { background-color: shade(#bcbeb9, 1.1); } +colorswatch#add-color-button.activatable:hover > overlay { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } colorswatch:disabled { opacity: 0.5; } -colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } +colorswatch:disabled > overlay { border-color: #7c675a; box-shadow: none; } -row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } +row:selected colorswatch { box-shadow: 0 0 0 2px #d1ff96; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } -plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +plane { transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } plane { outline: 0 solid transparent; outline-offset: 6px; } -plane:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: 2px; } +plane:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: 2px; } -colorchooser .popover.osd { border-radius: 5px; } +colorchooser .popover.osd { border-radius: 0px; } /******** Misc * */ -.content-view { background-color: #959595; } +.content-view { background-color: #2d2c2c; } .content-view:hover { -gtk-icon-filter: brightness(1.2); } -.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } -.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } +.content-view .tile:active, .content-view .tile:selected { background-color: #669900; } -.content-view .tile:disabled { background-color: transparent; } +.content-view .tile:disabled { background-color: #493e37; } -.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } +.osd .scale-popup button.flat { border-style: none; } -.scale-popup button:hover { background-color: rgba(36, 31, 49, 0.1); border-radius: 5px; } +.scale-popup button:hover { background-color: rgba(237, 240, 245, 0.1); } /********************** Window Decorations * */ window { border-width: 0px; } -window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; } +window.csd, window.solid-csd { box-shadow: 0 0 0 4px #88cc00, 2px 2px 0 2px #4e7500; } -window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } +window.csd:backdrop, window.solid-csd:backdrop { box-shadow: 0 0 0 4px #595757, 2px 2px 0 2px #2d2c2c; } -window.csd.popup { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +window.csd.popup, window.solid-csd.popup { box-shadow: none; border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; } -window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; border: none; } -window.solid-csd { margin: 0; padding: 4px; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } +window.popup { border-width: 2px; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; box-shadow: none; } -window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } - -window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } - -window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } - -window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } - -window.popup { box-shadow: none; } - -window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - -tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } +tooltip.csd { border-radius: 0; box-shadow: none; } .monospace { font-family: monospace; } /********************** Touch Copy & Paste * */ /********************** Touch Copy & Paste * */ -cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #626262; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } +cursor-handle { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; border: 1px solid #090909; border-radius: 100%; transition: none; transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } -cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); } +cursor-handle:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -cursor-handle:active { border-color: #8bcd41; } +cursor-handle:active { border-color: black; } -cursor-handle:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +cursor-handle:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } @@ -1584,9 +1471,9 @@ shortcuts-section { margin: 20px; } shortcut { border-spacing: 6px; } -shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #241f31; background-color: #908f8d; border: 1px solid; border-color: #909090; border-radius: 5px; box-shadow: inset 0 -3px #a2a2a2; font-size: smaller; } +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; border-bottom-width: 4px; border-radius: 5px; font-size: smaller; } -:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } stackswitcher > button.text-button { min-width: 100px; } @@ -1604,29 +1491,29 @@ stackswitcher.circular > button.circular, stackswitcher.circular > button.text-b /********* Emoji * */ popover.emoji-picker > contents { padding: 0; } -.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #797979; } +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #252525; } -.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #797979; } +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #252525; } -button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -button.emoji-section:hover { border-color: #797979; } +button.emoji-section:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -button.emoji-section:checked { border-color: #b0dd7e; } +button.emoji-section:checked { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } -popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #b0dd7e; } +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #669900; } emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } -emoji-completion-row:focus, emoji-completion-row:hover { background-color: #b0dd7e; color: #000000; } +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #669900; color: #d1ff96; } -emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #b0dd7e; } +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #669900; } popover.entry-completion > contents { padding: 0; } -statusbar { padding: 6px 10px 6px 10px; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } menubutton > button > box { border-spacing: 6px; } @@ -1642,93 +1529,105 @@ menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -undershoot { background-repeat: no-repeat; background-clip: border-box; } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } -undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } +undershoot.top { background-size: 100% 0.5em; background-position: top; } -undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } -undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } +undershoot.left { background-size: 0.5em 100%; background-position: left; } -undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +#XfceNotifyWindow { color: #66cbec; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow label { color: #66cbec; } + +#XfceNotifyWindow label #summary { font-weight: bold; } + +#XfceNotifyWindow button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow button:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +#XfceNotifyWindow button:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #241f31; +@define-color theme_fg_color #EDF0F5; /* text color for entries, views and content in general */ -@define-color theme_text_color #241f31; +@define-color theme_text_color #EDF0F5; /* widget base background color */ -@define-color theme_bg_color #a7a7a7; +@define-color theme_bg_color #3f3e3e; /* text widgets and the like base background color */ -@define-color theme_base_color #908f8d; +@define-color theme_base_color #323232; /* base background color of selections */ -@define-color theme_selected_bg_color #b0dd7e; +@define-color theme_selected_bg_color #669900; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #000000; +@define-color theme_selected_fg_color #d1ff96; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #938989; +@define-color insensitive_bg_color #493e37; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #552222; +@define-color insensitive_fg_color #7c675a; /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #908f8d; +@define-color insensitive_base_color #323232; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #66636c; +@define-color theme_unfocused_fg_color #EDF0F5; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #241f31; +@define-color theme_unfocused_text_color #EDF0F5; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #a7a7a7; +@define-color theme_unfocused_bg_color #3f3e3e; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #8d8c8a; +@define-color theme_unfocused_base_color #323232; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #b0dd7e; +@define-color theme_unfocused_selected_bg_color #669900; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #000000; +@define-color theme_unfocused_selected_fg_color #d1ff96; /* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #818181; +@define-color unfocused_insensitive_color #493e37; /* widgets main borders color */ -@define-color borders #797979; +@define-color borders #252525; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #828282; +@define-color unfocused_borders #252525; /* these are pretty self explicative */ -@define-color warning_color #938989; -@define-color error_color #990000; -@define-color success_color #73d216; +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#241f31, 1.8); -@define-color wm_unfocused_title #66636c; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#a7a7a7, 1.2); -@define-color wm_bg_b #a7a7a7; +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #EDF0F5; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#a7a7a7, 1.3); -@define-color wm_button_hover_color_b #a7a7a7; -@define-color wm_button_active_color_a shade(#a7a7a7, 0.85); -@define-color wm_button_active_color_b shade(#a7a7a7, 0.89); -@define-color wm_button_active_color_c shade(#a7a7a7, 0.9); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #908f8d; +@define-color content_view_bg #323232; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #908f8d; +@define-color text_view_bg #232323; diff --git a/kde_plasma_qt/Kvantum/Simple.tar.gz b/kde_plasma_qt/Kvantum/Simple.tar.gz new file mode 100644 index 0000000..49a5c17 Binary files /dev/null and b/kde_plasma_qt/Kvantum/Simple.tar.gz differ diff --git a/kde_plasma_qt/Kvantum/Simple/Simple.kvconfig b/kde_plasma_qt/Kvantum/Simple/Simple.kvconfig new file mode 100644 index 0000000..f68b051 --- /dev/null +++ b/kde_plasma_qt/Kvantum/Simple/Simple.kvconfig @@ -0,0 +1,390 @@ +[%General] +author=Néstor Andreu +comment=Simple theme with dark and green colors +left_tabs=true +attach_active_tab=true +group_toolbar_buttons=false +spread_progressbar=false +progressbar_thickness=18 +composite=false +menu_shadow_depth=0 +menu_blur_radius=0 +spread_menuitems=true +tooltip_shadow_depth=0 +tooltip_blur_radius=0 +slider_width=8 +slider_handle_width=18 +slider_handle_length=18 +scroll_min_extent=50 +x11drag=all +popup_blurring=false +menubar_mouse_tracking=true +toolbutton_style=0 +click_behavior=0 +vertical_spin_buttons=false +translucent_windows=false +blurring=false +vertical_spin_indicators=false +merge_menubar_with_toolbar=false +scroll_arrows=true +fill_rubberband=false +small_icon_size=16 +large_icon_size=32 +button_icon_size=16 +toolbar_icon_size=16 +animate_states=false +button_contents_shift=true +combo_as_lineedit=false +combo_menu=true +groupbox_top_label=false +inline_spin_indicators=true +joined_inactive_tabs=false +transient_scrollbar=false +transient_groove=false +layout_spacing=2 +submenu_overlap=0 +tooltip_delay=-1 +dark_titlebar=true +alt_mnemonic=true +contrast=1.00 +dialog_button_layout=0 +drag_from_buttons=false +hide_combo_checkboxes=false +intensity=1.00 +layout_margin=4 +no_inactiveness=true +no_window_pattern=false +opaque=kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,smplayer,smplayer2,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,VirtualBoxVM,trojita,dragon,digikam,lyx +reduce_menu_opacity=0 +reduce_window_opacity=0 +respect_DE=true +saturation=1.00 +scrollable_menu=true +scrollbar_in_view=false +shadowless_popup=false +spin_button_width=16 +submenu_delay=250 +tree_branch_line=true +check_size=16 +scroll_width=16 +embed_tabs=false +mirror_doc_tabs=true +attach_active_tab=true +center_toolbar_handle=false +group_toolbar_buttons=false +menu_separator_height=4 + +[GeneralColors] +window.color=#3f3e3e +base.color=#2d2d2d +alt.base.color=#2d2d#333333 +button.color=#4e584d +light.color=#5F5D5D +mid.light.color=#5F5D5D#4E4D4D +dark.color=#2C2C2C +mid.color=#383838 +highlight.color=#669900 +inactive.highlight.color=#669900 +text.color=white +window.text.color=white +button.text.color=white +disabled.text.color=#ae907c +tooltip.text.color=63c9ec +highlight.text.color=#d1ff96 +link.color=#2EB8E6 +link.visited.color=#FF6666 + +[Hacks] +respect_darkness=true +transparent_dolphin_view=false +blur_translucent=false +transparent_ktitle_label=false +transparent_menutitle=false +force_size_grip=true +transparent_pcmanfm_sidepane=false +disabled_icon_opacity=75 +iconless_menu=false +iconless_pushbutton=false +lxqtmainmenu_iconsize=22 +normal_default_pushbutton=false +single_top_toolbar=false +tint_on_mouseover=0 +transparent_pcmanfm_view=false +blur_only_active_window=true +centered_forms=false +kinetic_scrolling=false +middle_click_scroll=false +no_selection_tint=false +noninteger_translucency=false +style_vertical_toolbars=false + + +[PanelButtonCommand] +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 +text.normal.color=white +text.focus.color=white +text.press.color=#d1ff96 +text.toggle.color=#d1ff96 +indicator.size=8 +min_width=+0.2font +min_height=+0.15font + +[PanelButtonTool] +inherits=PanelButtonCommand + +[ToolbarButton] +inherits=PanelButtonCommand +frame.element=tbutton +interior.element=tbutton +indicator.element=arrow + +[Toolbar] +inherits=PanelButtonCommand +interior=false +frame=false + +[DockTitle] +text.bold=true +text.focus.color=white + +[LineEdit] +inherits=PanelButtonCommand +frame.element=lineedit +interior.element=lineedit +text.margin.left=4 +text.margin.right=4 + +[IndicatorSpinBox] +inherits=PanelButtonCommand +interior.element=button +frame.element=button + +[RadioButton] +inherits=PanelButtonCommand + +[CheckBox] +inherits=PanelButtonCommand + +[GenericFrame] +inherits=PanelButtonCommand +frame.element=tabframe +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 + +[DropDownButton] +inherits=PanelButtonCommand + +[ToolboxTab] +inherits=PanelButtonCommand +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=3 +text.margin.right=3 + +[Tab] +inherits=PanelButtonCommand +text.margin.left=6 +text.margin.right=6 +text.margin.top=3 +text.margin.bottom=4 +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +focusFrame=false +text.press.color=white +indicator.size=12 +min_width=+0.35font +min_height=+0.2font +text.normal.color=#8f9193 +text.focus.color=white +text.press.color=white +text.toggle.color=white + + +[TabFrame] +inherits=PanelButtonCommand +interior.element=tabframe +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 + +[TabBarFrame] +inherits=GenericFrame +frame=true +frame.element=tabBarFrame +interior=false +frame.top=0 +frame.bottom=2 +frame.left=0 +frame.right=0 + +[TreeExpander] +inherits=PanelButtonCommand +frame=false +interior=false +indicator.size=10 + +[HeaderSection] +inherits=PanelButtonCommand +frame.element=button + +[GroupBox] +inherits=GenericFrame +interior=false +frame.element=lineedit +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.press.color=white +text.bold=true + +[SizeGrip] +inherits=PanelButtonCommand +frame=false +interior=false +indicator.element=resize-grip +indicator.size=13 + +[Toolbar] +inherits=PanelButtonCommand +frame.left=0 +frame.right=4 +frame.top=2 +frame.bottom=2 +indicator.size=5 + +[Slider] +inherits=PanelButtonCommand +frame=true +frame.element=slider +interior.element=slider +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 + +[ScrollbarSlider] +inherits=PanelButtonCommand +interior=true +interior.element=button +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +frame=true +frame.element=button +frame.margin.top=2 +frame.margin.bottom=2 + + +[ScrollbarGroove] +inherits=PanelButtonCommand +interior.element=lineedit +frame.element=lineedit +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 + + +[Progressbar] +text.bold=true +text.focus.color=white +frame=true +frame.element=lineedit +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +interior.element=lineedit + +[ProgressbarContents] +inherits=PanelButtonCommand +frame=false +interior.element=progress-pattern + +[ItemView] +inherits=PanelButtonCommand +text.margin=true +frame=false +interior.element=itemview +text.margin.top=0 +text.margin.bottom=0 +text.margin.left=2 +text.margin.right=2 +min_height=0 + +[Menu] +inherits=PanelButtonCommand +text.margin=1 +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=2 +text.margin.right=2 + +[MenuItem] +inherits=PanelButtonCommand +text.margin.top=1 +text.margin.bottom=1 +text.margin.left=5 +text.margin.right=5 +frame=false +interior.element=menuitem +text.focus.color=white +min_width=0 +min_height=0 +text.focus.color=#d1ff96 + +[MenuBarItem] +inherits=PanelButtonCommand +text.margin.top=2 +text.margin.bottom=2 +frame=false +interior.element=menubaritem +text.margin.left=4 +text.margin.right=4 +min_width=0 +min_height=0 +text.focus.color=#d1ff96 + +[TitleBar] +inherits=PanelButtonCommand +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=3 +text.margin.right=3 +text.bold=true +text.italic=true +text.focus.color=white + +[ComboBox] +inherits=PanelButtonCommand +text.margin.left=6 +text.margin.right=6 + +[Splitter] +indicator.size=28 + +[Focus] +frame=true + +[ToolTip] +inherits=PanelButtonCommand +frame.element=tooltip +interior.element=tooltip +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 diff --git a/kde_plasma_qt/Kvantum/Simple/Simple.svg b/kde_plasma_qt/Kvantum/Simple/Simple.svg new file mode 100644 index 0000000..481c52c --- /dev/null +++ b/kde_plasma_qt/Kvantum/Simple/Simple.svg @@ -0,0 +1,12518 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + tab-focus (invisible) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + grip-normal (invisible) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/Plasma_theme/Simple.tar.gz b/kde_plasma_qt/Plasma_theme/Simple.tar.gz new file mode 100644 index 0000000..f4c6adf Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple.tar.gz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/dialogs/background.svgz b/kde_plasma_qt/Plasma_theme/Simple/dialogs/background.svgz new file mode 100644 index 0000000..45b2076 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/dialogs/background.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/metadata.desktop b/kde_plasma_qt/Plasma_theme/Simple/metadata.desktop new file mode 100644 index 0000000..fee538b --- /dev/null +++ b/kde_plasma_qt/Plasma_theme/Simple/metadata.desktop @@ -0,0 +1,13 @@ +[Desktop Entry] +Name=Simple +X-KDE-PluginInfo-Name=Simple +X-KDE-PluginInfo-Author=Néstor Andreu +X-KDE-PluginInfo-Email=eudaimon@disroot.org +X-KDE-PluginInfo-Version=0.1 +X-KDE-PluginInfo-Website= +X-KDE-PluginInfo-License=GPL +X-Plasma-API=5.0 + +[BlurBehindEffect] +enabled=false + diff --git a/kde_plasma_qt/Plasma_theme/Simple/weather-disabled/wind-arrows.svgz b/kde_plasma_qt/Plasma_theme/Simple/weather-disabled/wind-arrows.svgz new file mode 100644 index 0000000..4a0df7d Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/weather-disabled/wind-arrows.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/action-overlays.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/action-overlays.svgz new file mode 100644 index 0000000..42defc8 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/action-overlays.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/actionbutton.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/actionbutton.svgz new file mode 100644 index 0000000..4d3548b Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/actionbutton.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/analog_meter.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/analog_meter.svgz new file mode 100644 index 0000000..cd2da40 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/analog_meter.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/arrows.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/arrows.svgz new file mode 100644 index 0000000..af711f8 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/arrows.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/background.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/background.svgz new file mode 100644 index 0000000..a0445b1 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/background.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/bar_meter_horizontal.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/bar_meter_horizontal.svgz new file mode 100644 index 0000000..7d6d6b1 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/bar_meter_horizontal.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/bar_meter_vertical.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/bar_meter_vertical.svgz new file mode 100644 index 0000000..485fd47 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/bar_meter_vertical.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/branding.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/branding.svgz new file mode 100644 index 0000000..09207ce Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/branding.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/busywidget.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/busywidget.svgz new file mode 100644 index 0000000..359c554 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/busywidget.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/button.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/button.svgz new file mode 100644 index 0000000..c81d5e5 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/button.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/calendar.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/calendar.svgz new file mode 100644 index 0000000..7cb203c Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/calendar.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/checkmarks.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/checkmarks.svgz new file mode 100644 index 0000000..33733d5 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/checkmarks.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/clock.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/clock.svgz new file mode 100644 index 0000000..2c6dea0 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/clock.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/configuration-icons.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/configuration-icons.svgz new file mode 100644 index 0000000..17e50a8 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/configuration-icons.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/containment-controls.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/containment-controls.svgz new file mode 100644 index 0000000..cd411a4 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/containment-controls.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/dragger.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/dragger.svgz new file mode 100644 index 0000000..d65ad55 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/dragger.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/frame.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/frame.svgz new file mode 100644 index 0000000..e2c0c2c Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/frame.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/glowbar.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/glowbar.svgz new file mode 100644 index 0000000..00ab576 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/glowbar.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/line.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/line.svgz new file mode 100644 index 0000000..16953b3 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/line.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/lineedit.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/lineedit.svgz new file mode 100644 index 0000000..264f09e Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/lineedit.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/listitem.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/listitem.svgz new file mode 100644 index 0000000..6f49a8b Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/listitem.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/margins-highlight.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/margins-highlight.svgz new file mode 100644 index 0000000..b24369e Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/margins-highlight.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/media-delegate.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/media-delegate.svgz new file mode 100644 index 0000000..c8d05f8 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/media-delegate.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/menubaritem.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/menubaritem.svgz new file mode 100644 index 0000000..87a7f61 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/menubaritem.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/monitor.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/monitor.svgz new file mode 100644 index 0000000..0b17276 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/monitor.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/notes.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/notes.svgz new file mode 100644 index 0000000..273e104 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/notes.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/pager.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/pager.svgz new file mode 100644 index 0000000..1399e38 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/pager.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/panel-background.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/panel-background.svgz new file mode 100644 index 0000000..db86261 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/panel-background.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/picker.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/picker.svgz new file mode 100644 index 0000000..01f9114 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/picker.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/plasmoidheading.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/plasmoidheading.svgz new file mode 100644 index 0000000..f4dff12 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/plasmoidheading.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/plot-background.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/plot-background.svgz new file mode 100644 index 0000000..3478613 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/plot-background.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/radiobutton.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/radiobutton.svgz new file mode 100644 index 0000000..2b53359 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/radiobutton.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/scrollbar.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/scrollbar.svgz new file mode 100644 index 0000000..b58cf3a Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/scrollbar.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/scrollwidget.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/scrollwidget.svgz new file mode 100644 index 0000000..91c0b09 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/scrollwidget.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/slider.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/slider.svgz new file mode 100644 index 0000000..80f915e Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/slider.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/tabbar.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/tabbar.svgz new file mode 100644 index 0000000..318a6e8 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/tabbar.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/tasks.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/tasks.svgz new file mode 100644 index 0000000..3eed918 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/tasks.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/timer.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/timer.svgz new file mode 100644 index 0000000..4364927 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/timer.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/toolbar.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/toolbar.svgz new file mode 100644 index 0000000..6b0b740 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/toolbar.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/tooltip.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/tooltip.svgz new file mode 100644 index 0000000..c192981 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/tooltip.svgz differ diff --git a/kde_plasma_qt/Plasma_theme/Simple/widgets/viewitem.svgz b/kde_plasma_qt/Plasma_theme/Simple/widgets/viewitem.svgz new file mode 100644 index 0000000..5070791 Binary files /dev/null and b/kde_plasma_qt/Plasma_theme/Simple/widgets/viewitem.svgz differ diff --git a/kde_plasma_qt/aurorae/Simple.tar.gz b/kde_plasma_qt/aurorae/Simple.tar.gz new file mode 100644 index 0000000..71a59f8 Binary files /dev/null and b/kde_plasma_qt/aurorae/Simple.tar.gz differ diff --git a/kde_plasma_qt/aurorae/Simple/.directory b/kde_plasma_qt/aurorae/Simple/.directory new file mode 100644 index 0000000..415ffeb --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/.directory @@ -0,0 +1,3 @@ +[Dolphin] +Timestamp=2019,3,28,11,44,43 +Version=4 diff --git a/kde_plasma_qt/aurorae/Simple/.shade.svg b/kde_plasma_qt/aurorae/Simple/.shade.svg new file mode 100644 index 0000000..867525a --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/.shade.svg @@ -0,0 +1,555 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/Simplerc b/kde_plasma_qt/aurorae/Simple/Simplerc new file mode 100644 index 0000000..e76e018 --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/Simplerc @@ -0,0 +1,43 @@ +[General] +ActiveFocusedTabColor=78,78,78 +ActiveTextColor=209,255,150 +ActiveTextShadowColor=255,255,255,255 +ActiveUnfocusedTabColor=120,120,120 +Animation=0 +InactiveFocusedTabColor=120,120,120 +InactiveTextColor=255,255,255 +InactiveTextShadowColor=255,255,255,255 +InactiveUnfocusedTabColor=120,120,120 +LeftButtons=XIA +RightButtons= +Shadow=false +TextShadowOffsetX=1 +TextShadowOffsetY=1 +TitleAlignment=Center +TitleVerticalAlignment=Center +UseTextShadow=false + +[Layout] +BorderBottom=2 +BorderLeft=2 +BorderRight=2 +ButtonHeight=18 +ButtonMarginTop=3 +ButtonSpacing=4 +ButtonWidth=18 +ExplicitButtonSpacer=3 +PaddingBottom=2 +PaddingLeft=2 +PaddingRight=2 +PaddingTop=2 +TitleBorderLeft=1 +TitleBorderRight=1 +TitleEdgeBottom=2 +TitleEdgeBottomMaximized=2 +TitleEdgeLeft=5 +TitleEdgeLeftMaximized=5 +TitleEdgeRight=5 +TitleEdgeRightMaximized=5 +TitleEdgeTop=2 +TitleEdgeTopMaximized=2 +TitleHeight=22 diff --git a/kde_plasma_qt/aurorae/Simple/alldesktops.svg b/kde_plasma_qt/aurorae/Simple/alldesktops.svg new file mode 100644 index 0000000..e7c5edc --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/alldesktops.svg @@ -0,0 +1,570 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/close.svg b/kde_plasma_qt/aurorae/Simple/close.svg new file mode 100644 index 0000000..463ce3c --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/close.svg @@ -0,0 +1,584 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/decoration.svg b/kde_plasma_qt/aurorae/Simple/decoration.svg new file mode 100644 index 0000000..d9315d0 --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/decoration.svg @@ -0,0 +1,263 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/keepabove.svg b/kde_plasma_qt/aurorae/Simple/keepabove.svg new file mode 100644 index 0000000..89ef98b --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/keepabove.svg @@ -0,0 +1,552 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/keepbelow.svg b/kde_plasma_qt/aurorae/Simple/keepbelow.svg new file mode 100644 index 0000000..77200fb --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/keepbelow.svg @@ -0,0 +1,555 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/maximize.svg b/kde_plasma_qt/aurorae/Simple/maximize.svg new file mode 100644 index 0000000..9b05f62 --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/maximize.svg @@ -0,0 +1,543 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/metadata.desktop b/kde_plasma_qt/aurorae/Simple/metadata.desktop new file mode 100644 index 0000000..6256649 --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/metadata.desktop @@ -0,0 +1,7 @@ +[Desktop Entry] +Name=Simple +X-KDE-PluginInfo-Author=Néstor Andreu +X-KDE-PluginInfo-Email=eudaimon@disroot.org +X-KDE-PluginInfo-License=GPLv3 +X-KDE-PluginInfo-Name=Simple +X-KDE-PluginInfo-Version=1.0.0 diff --git a/kde_plasma_qt/aurorae/Simple/minimize.svg b/kde_plasma_qt/aurorae/Simple/minimize.svg new file mode 100644 index 0000000..9868121 --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/minimize.svg @@ -0,0 +1,571 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/aurorae/Simple/restore.svg b/kde_plasma_qt/aurorae/Simple/restore.svg new file mode 100644 index 0000000..47c28c1 --- /dev/null +++ b/kde_plasma_qt/aurorae/Simple/restore.svg @@ -0,0 +1,545 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/kde_plasma_qt/plasma_colorscheme/Simple.colors b/kde_plasma_qt/plasma_colorscheme/Simple.colors new file mode 100644 index 0000000..3f440af --- /dev/null +++ b/kde_plasma_qt/plasma_colorscheme/Simple.colors @@ -0,0 +1,109 @@ +[ColorEffects:Disabled] +Color=56,36,25 +ColorAmount=0.225 +ColorEffect=3 +ContrastAmount=0.4 +ContrastEffect=1 +IntensityAmount=0.25 +IntensityEffect=2 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=0,0,0 +ColorAmount=0.025 +ColorEffect=2 +ContrastAmount=0.4 +ContrastEffect=2 +Enable=false +IntensityAmount=0 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=63,72,62 +BackgroundNormal=67,76,66 +DecorationFocus=105,160,38 +DecorationHover=144,176,85 +ForegroundActive=189,240,149 +ForegroundInactive=123,123,123 +ForegroundLink=131,216,78 +ForegroundNegative=232,88,72 +ForegroundNeutral=192,162,95 +ForegroundNormal=232,230,227 +ForegroundPositive=120,183,83 +ForegroundVisited=142,121,165 + +[Colors:Complementary] +BackgroundAlternate=45,34,49 +BackgroundNormal=52,40,57 + +[Colors:Selection] +BackgroundAlternate=54,119,23 +BackgroundNormal=102,153,0 +DecorationFocus=105,160,38 +DecorationHover=144,176,85 +ForegroundActive=189,240,149 +ForegroundInactive=107,166,78 +ForegroundLink=131,216,78 +ForegroundNegative=232,88,72 +ForegroundNeutral=192,162,95 +ForegroundNormal=195,255,138 +ForegroundPositive=120,183,83 +ForegroundVisited=142,121,165 + +[Colors:Tooltip] +BackgroundAlternate=37,82,186 +BackgroundNormal=40,88,200 +DecorationFocus=105,160,38 +DecorationHover=144,176,85 +ForegroundActive=189,240,149 +ForegroundInactive=123,123,123 +ForegroundLink=131,216,78 +ForegroundNegative=232,88,72 +ForegroundNeutral=192,162,95 +ForegroundNormal=147,224,209 +ForegroundPositive=120,183,83 +ForegroundVisited=142,121,165 + +[Colors:View] +BackgroundAlternate=42,39,39 +BackgroundNormal=47,44,44 +DecorationFocus=105,160,38 +DecorationHover=144,176,85 +ForegroundActive=189,240,149 +ForegroundInactive=123,123,123 +ForegroundLink=131,216,78 +ForegroundNegative=232,88,72 +ForegroundNeutral=192,162,95 +ForegroundNormal=212,210,207 +ForegroundPositive=120,183,83 +ForegroundVisited=142,121,165 + +[Colors:Window] +BackgroundAlternate=52,51,50 +BackgroundNormal=63,62,62 +DecorationFocus=105,160,38 +DecorationHover=144,176,85 +ForegroundActive=189,240,149 +ForegroundInactive=123,123,123 +ForegroundLink=131,216,78 +ForegroundNegative=232,88,72 +ForegroundNeutral=192,162,95 +ForegroundNormal=224,222,219 +ForegroundPositive=120,183,83 +ForegroundVisited=142,121,165 + +[General] +ColorScheme=Obsidian Coast Green +Name=Simple +shadeSortColumn=true + +[KDE] +contrast=7 + +[WM] +activeBackground=59,80,18 +activeBlend=255,255,255 +activeForeground=255,255,255 +inactiveBackground=64,63,62 +inactiveBlend=75,71,67 +inactiveForeground=128,127,125 diff --git a/kde_plasma_qt/qt5_or_6ct_color_scheme/Simple.conf b/kde_plasma_qt/qt5_or_6ct_color_scheme/Simple.conf new file mode 100644 index 0000000..fbe7210 --- /dev/null +++ b/kde_plasma_qt/qt5_or_6ct_color_scheme/Simple.conf @@ -0,0 +1,7 @@ +[ColorScheme] +%23%20%20active_colors=#cfcfcf, #536867, #3f3e3e, #cbc7c4, #9f9d9a, #b8b5b2, #cfcfcf, #ff0000, #cfcfcf, #2d2d2d, #3f3e3e, #767472, #66940a, #cde9b0, #66940a, #cfcfcf, #3f3e3e, #cfcfcf, 3f3e3e, #cfcfcf +%23disabled_colors=#abaaaa, #536867, #3f3e3e, #cbc7c4, #9f9d9a, #b8b5b2, #a6a6a6, #ffec17, #cfcfcf, #2d2d2d, #3f3e3e, #767472, #66940a, #cde9b0, #66940a, #abaaaa, #3f3e3e, #abaaaa, #3f3e3e, #abaaaa +%23inactive_colors=#cfcfcf, #536867, #3f3e3e, #cbc7c4, #9f9d9a, #b8b5b2, #cfcfcf, #ff9040, #cfcfcf, #2d2d2d, #3f3e3e, #767472, #66940a, #cde9b0, #66940a, #cfcfcf, #3f3e3e, #cfcfcf, #3f3e3e, #cfcfcf +active_colors=#ffcfcfcf, #ff4e584d, #ff474747, #ff323232, #ff1d1d1d, #ff282828, #ffcfcfcf, #ffffffb2, #ffcfcfcf, #ff2d2d2d, #ff3f3e3e, #ff3f3e3e, #ff66940a, #ffcde9b0, #ff099407, #ff6dcacf, #ff323232, #ff9fff50, #ff242844, #ff61cdcf, #80cfcfcf +disabled_colors=#ffa88b77, #ff493e37, #ff3f3e3e, #ff3f3e3e, #ff3f3e3e, #ff3f3e3e, #ffa88b77, #ffa88b77, #ffa88b77, #ff493e37, #ff554840, #ff423832, #ff66940a, #ffa88b77, #ff7d9446, #ffabaaaa, #ff4e423b, #ffabaaaa, #ff3f3e3e, #ffabaaaa, #80cfb992 +inactive_colors=#ffcfcfcf, #ff4e584d, #ff474747, #ff323232, #ff1d1d1d, #ff282828, #ffcfcfcf, #ffffffb2, #ffcfcfcf, #ff2d2d2d, #ff3f3e3e, #ff3f3e3e, #ff66940a, #ffcde9b0, #ff099407, #ff6dcacf, #ff323232, #ff9fff50, #ff242844, #ff61cdcf, #80cfcfcf diff --git a/kde_plasma_qt/qtcurve/Simple.qtcurve b/kde_plasma_qt/qtcurve/Simple.qtcurve new file mode 100644 index 0000000..ff14cf7 --- /dev/null +++ b/kde_plasma_qt/qtcurve/Simple.qtcurve @@ -0,0 +1,169 @@ +[KWin] +BorderSize=3 +InnerBorder=0 +OuterBorder=0 + +[Settings] +activeTabAppearance=flat +animatedProgress=false +appearance=customgradient3 +bgndAppearance=flat +bgndGrad=horiz +bgndImage=none +bgndOpacity=100 +boldProgress=true +borderInactiveTab=false +borderMenuitems=true +borderProgress=false +borderSbarGroove=false +borderSelection=false +borderTab=false +buttonEffect=none +buttonStyleMenuSections=true +centerTabText=false +colorMenubarMouseOver=true +colorSelTab=0 +colorSliderMouseOver=true +coloredMouseOver=none +coloredTbarMo=false +comboBtn=none +comboSplitter=true +crButton=true +crColor=selected +crHighlight=4 +crSize=15 +customAlphas=0 +customMenuNormTextColor=#000000 +customMenuSelTextColor=#000000 +customMenuTextColor=false +customShades=1.41,1.07,0.85,0.78,0.99,0.7 +customgradient1=3dfull,0,1.2,0.5,1,1,0.8 +customgradient2=3d,0,0.9,0.5,1,1,1 +customgradient3=3dfull,0,1,1,1 +customgradient5=3dfull,0,1.2,1,0.8 +customgradient6=none,0,1.1,0.15,1.5,0.9,1.5,1,2 +customgradient7=none,0,0.5,0.3,0.9,1,0.95 +darkerBorders=false +defBtnIndicator=tint +dlgOpacity=100 +doubleGtkComboArrow=false +drawStatusBarFrames=true +dwtAppearance=flat +dwtSettings=33 +embolden=true +etchEntry=false +expanderHighlight=3 +fadeLines=false +fillProgress=true +fillSlider=true +flatSbarButtons=false +focus=filled +forceAlternateLvCols=true +gbFactor=-6 +gbLabel=1 +glowProgress=none +grooveAppearance=flat +groupBox=shaded +gtkButtonOrder=false +gtkComboMenus=false +gtkScrollViews=true +handles=1dot +hideShortcutUnderline=true +highlightFactor=20 +highlightScrollViews=true +highlightTab=false +inactiveTitlebarAppearance=customgradient1 +invertBotTab=true +lighterPopupMenuBgnd=2 +lvAppearance=customgradient3 +lvButton=false +lvLines=false +mapKdeIcons=true +menuBgndAppearance=flat +menuBgndGrad=horiz +menuBgndImage=none +menuBgndOpacity=100 +menuCloseDelay=300 +menuDelay=225 +menuIcons=true +menuStripe=none +menuStripeAppearance=darkinverted +menubarAppearance=flat +menubarApps=smplayer,VirtualBox +menubarHiding=0 +menubarMouseOver=true +menuitemAppearance=flat +noBgndGradientApps= +noBgndImageApps= +noBgndOpacityApps=vmware,smplayer,totem,sonata,vmplayer +noMenuBgndOpacityApps=vmware,gtk,totem,sonata,vmplayer +noMenuStripeApps=gtk,soffice.bin +nonnativeMenubarApps= +onlyTicksInMenu=false +passwordChar=9654 +popupBorder=false +progressAppearance=customgradient3 +progressColor=origselected +progressGrooveAppearance=flat +progressGrooveColor=dark +reorderGtkButtons=false +round=none +roundAllTabs=true +roundMbTopOnly=true +sbarBgndAppearance=flat +scrollbarType=windows +selectionAppearance=flat +shadeCheckRadio=none +shadeMenubarOnlyWhenActive=false +shadeMenubars=none +shadePopupMenu=true +shadeSliders=none +shading=hsl +shadowSize=30 +sliderAppearance=customgradient3 +sliderFill=true +sliderStyle=r-round +sliderThumbs=1dot +sliderWidth=15 +smallRadio=false +sortedLv=selected +splitterHighlight=10 +splitters=1dot +square=1538 +statusbarApps=kde +statusbarHiding=0 +stdBtnSizes=false +stdSidebarButtons=false +stripedProgress=none +stripedSbar=false +sunkenAppearance=customgradient6 +tabAppearance=flat +tabBgnd=0 +tabMouseOver=glow +tbarBtnAppearance=none +tbarBtnEffect=none +tbarBtns=standard +thin=0 +thinSbarGroove=false +titlebarAlignment=center-full +titlebarAppearance=customgradient1 +titlebarButtonAppearance=gradient +titlebarButtonColors=#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000 +titlebarButtons=5 +titlebarEffect=shadow +titlebarIcon=title +toolbarAppearance=flat +toolbarBorders=none +toolbarSeparators=sunken +toolbarTabs=false +tooltipAppearance=gradient +unifyCombo=false +unifySpin=false +unifySpinBtns=false +useHighlightForMenu=true +useQtFileDialogApps= +vArrows=true +version=1.9.0 +windowBorder=36 +windowDrag=0 +xCheck=false diff --git a/metacity-1/assets/button.svg b/metacity-1/assets/button.svg new file mode 100644 index 0000000..51c67bf --- /dev/null +++ b/metacity-1/assets/button.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/close.svg b/metacity-1/assets/close.svg new file mode 100644 index 0000000..1fe0805 --- /dev/null +++ b/metacity-1/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/maximize.svg b/metacity-1/assets/maximize.svg new file mode 100644 index 0000000..02d76eb --- /dev/null +++ b/metacity-1/assets/maximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/menu.svg b/metacity-1/assets/menu.svg new file mode 100644 index 0000000..ad8570a --- /dev/null +++ b/metacity-1/assets/menu.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/minimize.svg b/metacity-1/assets/minimize.svg new file mode 100644 index 0000000..dc1fa3f --- /dev/null +++ b/metacity-1/assets/minimize.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/shade.svg b/metacity-1/assets/shade.svg new file mode 100644 index 0000000..29aeeae --- /dev/null +++ b/metacity-1/assets/shade.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/unmaximize.svg b/metacity-1/assets/unmaximize.svg new file mode 100644 index 0000000..cd03f34 --- /dev/null +++ b/metacity-1/assets/unmaximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/assets/unshade.svg b/metacity-1/assets/unshade.svg new file mode 100644 index 0000000..fa98887 --- /dev/null +++ b/metacity-1/assets/unshade.svg @@ -0,0 +1,3 @@ + + + diff --git a/metacity-1/metacity-theme-2.xml b/metacity-1/metacity-theme-2.xml new file mode 100644 index 0000000..1dc8b83 --- /dev/null +++ b/metacity-1/metacity-theme-2.xml @@ -0,0 +1,1571 @@ + + + + oomox-Soil-oomox + Satyajit Sahoo + GPL-3.0+ + 11 December 2013 + Numix Metacity Theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +</draw_ops> + +<draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- ::: WINDOW DECORATIONS ::: --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <include name="entire_background_unfocused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_unfocused"> + <include name="titlebar_fill_unfocused" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="titlebar_fill_unfocused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_unfocused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_unfocused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_unfocused"> + <include name="titlebar_fill_unfocused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- ::: BUTTON ICONS ::: --> +<!-- note: negative values in x or y causes gnome-shell to crash --> +<!-- close icon --> +<draw_ops name="close_focused"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="close_unfocused"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_focused_prelight" /> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_focused_pressed" /> +</draw_ops> + +<!-- maximize icon --> +<draw_ops name="maximize_focused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_focused_prelight" /> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_focused_pressed" /> +</draw_ops> + +<!-- unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_focused_prelight" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_focused_pressed" /> +</draw_ops> + +<!-- minimize icon --> +<draw_ops name="minimize_focused"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_focused_prelight" /> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_focused_pressed" /> +</draw_ops> + +<!-- menu icon --> +<draw_ops name="menu_focused"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_focused_prelight" /> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_focused_pressed" /> +</draw_ops> + +<!-- shade icon --> +<draw_ops name="shade_focused"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_focused_prelight" /> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_focused_pressed" /> +</draw_ops> + +<!-- unshade icon --> +<draw_ops name="unshade_focused"> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+5" + x2="(width-width%3)/3+4" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-4" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+5" + x2="width-(width-width%3)/3-7" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-4" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+5" + x2="(width-width%3)/3+4" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-4" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+5" + x2="width-(width-width%3)/3-7" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-4" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+5" + x2="(width-width%3)/3+4" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-4" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+5" + x2="width-(width-width%3)/3-7" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-4" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_focused_prelight" /> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_focused_pressed" /> +</draw_ops> + +<!-- ::: FRAME STYLES ::: --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- ::: FRAME STYLE SETS ::: --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- ::: WINDOWS ::: --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/metacity-1/metacity-theme-3.xml b/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..b0a4f86 --- /dev/null +++ b/metacity-1/metacity-theme-3.xml @@ -0,0 +1,1603 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Numix</name> + <author>Satyajit Sahoo</author> + <copyright>GPL-3.0+</copyright> + <date>11 December 2013</date> + <description>Numix Mutter Theme</description> +</info> + +<!-- ::: CONSTANTS ::: --> +<constant name="C_titlebar_focused" value="gtk:custom(wm_bg_focused,#536c1f)" /> +<constant name="C_titlebar_unfocused" value="gtk:custom(wm_bg_unfocused,#3f3e3e)" /> +<constant name="C_border_focused" value="gtk:custom(wm_border_focused,#669900)" /> +<constant name="C_border_unfocused" value="gtk:custom(wm_border_unfocused,#5f5d5d)" /> +<constant name="C_title_focused" value="gtk:custom(wm_title_focused,#dcf8c6)" /> +<constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,#edf0f5)" /> +<constant name="C_icons_focused" value="gtk:custom(wm_icons_focused,#dcf8c6)" /> +<constant name="C_icons_focused_prelight" value="gtk:custom(wm_icons_focused_prelight,#ffffff)" /> +<constant name="C_icons_focused_pressed" value="gtk:custom(wm_icons_focused_pressed,shade/gtk:fg[SELECTED]/0.8)" /> +<constant name="C_icons_unfocused" value="gtk:custom(wm_icons_unfocused,#edf0f5)" /> +<constant name="C_icons_unfocused_prelight" value="gtk:custom(wm_icons_focused_prelight,gtk:#ffffff)" /> +<constant name="C_icons_unfocused_pressed" value="gtk:custom(wm_icons_focused_pressed,shade/gtk:fg[SELECTED]/0.8)" /> + +<!-- ::: GEOMETRY ::: --> +<frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1"> + <distance name="left_width" value="3" /> + <distance name="right_width" value="3" /> + <distance name="bottom_height" value="3" /> + <distance name="left_titlebar_edge" value="4" /> + <distance name="right_titlebar_edge" value="4" /> + <distance name="title_vertical_pad" value="0" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="8" right="8" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="1" rounded_top_right="1" parent="normal" /> + +<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> +</frame_geometry> + +<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="3" /> +</frame_geometry> + +<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="3" /> +</frame_geometry> + +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="1" rounded_top_right="1"> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="8" right="8" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="1"/> + <distance name="right_titlebar_edge" value="1"/> +</frame_geometry> + +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal" /> + +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="3" /> + <distance name="right_width" value="3" /> + <distance name="bottom_height" value="3" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="1" rounded_top_right="1" rounded_bottom_right="1" rounded_bottom_left="1" parent="small"> +</frame_geometry> + +<frame_geometry name="attached" title_scale="small" hide_buttons="true" rounded_top_left="1" rounded_top_right="1" parent="small"> +</frame_geometry> + +<!-- ::: TITLES ::: --> +<draw_ops name="title_focused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused" /> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_focused" /> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_unfocused" /> +</draw_ops> + +<!-- ::: WINDOW DECORATIONS ::: --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <include name="entire_background_unfocused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_unfocused"> + <include name="titlebar_fill_unfocused" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="titlebar_fill_unfocused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_unfocused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_unfocused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_unfocused"> + <include name="titlebar_fill_unfocused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- ::: BUTTON ICONS ::: --> +<!-- note: negative values in x or y causes gnome-shell to crash --> +<!-- close icon --> +<draw_ops name="close_focused"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="close_unfocused"> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-2" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+2" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+1" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+2" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-2" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_focused_prelight" /> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_focused_pressed" /> +</draw_ops> + +<!-- maximize icon --> +<draw_ops name="maximize_focused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_focused_prelight" /> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_focused_pressed" /> +</draw_ops> + +<!-- unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <rectangle + x="(width-width%3)/3+1" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_focused_prelight" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_focused_pressed" /> +</draw_ops> + +<!-- minimize icon --> +<draw_ops name="minimize_focused"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <rectangle + x="(width-width%3)/3+2" y="height-(height-height%3)/3-5" + width="width-2*(width-width%3)/3-2" height="2" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_focused_prelight" /> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_focused_pressed" /> +</draw_ops> + +<!-- menu icon --> +<draw_ops name="menu_focused"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <rectangle + x="(width-width%3)/3+2" y="(height-height%3)/3+1" + width="width-2*(width-width%3)/3-3" height="height-2*(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+3" y="(height-height%3)/3+2" + width="width-2*(width-width%3)/3-5" height="height-2*(height-height%3)/3-5" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+5" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="2" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_focused_prelight" /> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_focused_pressed" /> +</draw_ops> + +<!-- shade icon --> +<draw_ops name="shade_focused"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_focused_prelight" /> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_focused_pressed" /> +</draw_ops> + +<!-- unshade icon --> +<draw_ops name="unshade_focused"> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+5" + x2="(width-width%3)/3+4" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="width-(width-width%3)/3-4" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+5" + x2="width-(width-width%3)/3-7" y2="height-(height-height%3)/3-2" + color="C_icons_focused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-3" + color="C_icons_focused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-4" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused" /> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+5" + x2="(width-width%3)/3+4" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="width-(width-width%3)/3-4" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+5" + x2="width-(width-width%3)/3-7" y2="height-(height-height%3)/3-2" + color="C_icons_focused_prelight" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-3" + color="C_icons_focused_prelight" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-4" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_prelight" /> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-6" y1="(height-height%3)/3+2" + x2="(width-width%3)/3+1" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="width-(width-width%3)/3-7" y1="(height-height%3)/3+1" + x2="(width-width%3)/3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+3" y1="(height-height%3)/3+2" + x2="width-(width-width%3)/3-4" y2="height-(height-height%3)/3-5" + color="C_icons_focused_pressed" /> + <line + x1="(width-width%3)/3+4" y1="(height-height%3)/3+1" + x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-6" + color="C_icons_focused_pressed" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-2" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_focused_pressed" /> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-3" y1="(height-height%3)/3+5" + x2="(width-width%3)/3+4" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="width-(width-width%3)/3-4" y1="(height-height%3)/3+4" + x2="(width-width%3)/3+3" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3" y1="(height-height%3)/3+5" + x2="width-(width-width%3)/3-7" y2="height-(height-height%3)/3-2" + color="C_icons_unfocused" /> + <line + x1="(width-width%3)/3+1" y1="(height-height%3)/3+4" + x2="width-(width-width%3)/3-6" y2="height-(height-height%3)/3-3" + color="C_icons_unfocused" /> + <rectangle + x="(width-width%3)/3+3" y="height/2-4" + width="width-2*(width-width%3)/3-8" height="6" filled="true" + color="C_icons_unfocused" /> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_focused_prelight" /> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_focused_pressed" /> +</draw_ops> + +<!-- ::: FRAME STYLES ::: --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- ::: FRAME STYLE SETS ::: --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" /> + <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" /> + <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused" /> + <frame focus="no" state="normal" resize="both" style="attached_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- ::: WINDOWS ::: --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> +<window version=">= 3.2" type="attached" style_set="attached_style_set" /> + +</metacity_theme> diff --git a/metacity-1/thumbnail.png b/metacity-1/thumbnail.png new file mode 100644 index 0000000..1baf280 Binary files /dev/null and b/metacity-1/thumbnail.png differ diff --git a/openbox-3/close.xbm b/openbox-3/close.xbm new file mode 100644 index 0000000..0486bd9 --- /dev/null +++ b/openbox-3/close.xbm @@ -0,0 +1,4 @@ +#define close_width 8 +#define close_height 8 +static unsigned char close_bits[] = { + 0x42, 0xe7, 0x7e, 0x3c, 0x3c, 0x7e, 0xe7, 0x42 }; diff --git a/openbox-3/close_hover.xbm b/openbox-3/close_hover.xbm new file mode 100644 index 0000000..4a88cff --- /dev/null +++ b/openbox-3/close_hover.xbm @@ -0,0 +1,4 @@ +#define close_width 6 +#define close_height 6 +static unsigned char close_bits[] = { + 0x33, 0x3f, 0x1e, 0x1e, 0x3f, 0x33 }; diff --git a/openbox-3/desk.xbm b/openbox-3/desk.xbm new file mode 100644 index 0000000..abca780 --- /dev/null +++ b/openbox-3/desk.xbm @@ -0,0 +1,4 @@ +#define desk_toggled_width 8 +#define desk_toggled_height 8 +static unsigned char desk_toggled_bits[] = { + 0xe7, 0xe7, 0xe7, 0x00, 0x00, 0xe7, 0xe7, 0xe7 }; diff --git a/openbox-3/desk_toggled.xbm b/openbox-3/desk_toggled.xbm new file mode 100644 index 0000000..b4b5330 --- /dev/null +++ b/openbox-3/desk_toggled.xbm @@ -0,0 +1,4 @@ +#define desk_width 8 +#define desk_height 8 +static unsigned char desk_bits[] = { + 0x04, 0x0e, 0x3f, 0x1e, 0x1c, 0x24, 0x40, 0x80 }; diff --git a/openbox-3/iconify.xbm b/openbox-3/iconify.xbm new file mode 100644 index 0000000..9a9743f --- /dev/null +++ b/openbox-3/iconify.xbm @@ -0,0 +1,4 @@ +#define iconify_width 8 +#define iconify_height 8 +static unsigned char iconify_bits[] = { + 0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00 }; diff --git a/openbox-3/iconify_hover.xbm b/openbox-3/iconify_hover.xbm new file mode 100644 index 0000000..9a9743f --- /dev/null +++ b/openbox-3/iconify_hover.xbm @@ -0,0 +1,4 @@ +#define iconify_width 8 +#define iconify_height 8 +static unsigned char iconify_bits[] = { + 0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00 }; diff --git a/openbox-3/max.xbm b/openbox-3/max.xbm new file mode 100644 index 0000000..88bb9bd --- /dev/null +++ b/openbox-3/max.xbm @@ -0,0 +1,4 @@ +#define max_width 8 +#define max_height 8 +static unsigned char max_bits[] = { + 0xff, 0xff, 0xc3, 0xc3, 0xc3, 0xc3, 0xff, 0xff }; diff --git a/openbox-3/max_toggled.xbm b/openbox-3/max_toggled.xbm new file mode 100644 index 0000000..cec3f24 --- /dev/null +++ b/openbox-3/max_toggled.xbm @@ -0,0 +1,4 @@ +#define max_toggled_width 8 +#define max_toggled_height 8 +static unsigned char max_toggled_bits[] = { + 0xff, 0xff, 0xc3, 0xc3, 0xc3, 0xc3, 0xff, 0xff }; diff --git a/openbox-3/shade.xbm b/openbox-3/shade.xbm new file mode 100644 index 0000000..fcacf42 --- /dev/null +++ b/openbox-3/shade.xbm @@ -0,0 +1,4 @@ +#define shade_width 8 +#define shade_height 8 +static unsigned char shade_bits[] = { + 0x18, 0x3c, 0x7e, 0xff, 0xdb, 0x18, 0x18, 0x18 }; diff --git a/openbox-3/shade_toggled.xbm b/openbox-3/shade_toggled.xbm new file mode 100644 index 0000000..594201e --- /dev/null +++ b/openbox-3/shade_toggled.xbm @@ -0,0 +1,4 @@ +#define shade_toggled_width 8 +#define shade_toggled_height 8 +static unsigned char shade_toggled_bits[] = { + 0x18, 0x18, 0x18, 0xdb, 0xff, 0x7e, 0x3c, 0x18 }; diff --git a/openbox-3/themerc b/openbox-3/themerc new file mode 100644 index 0000000..679ad62 --- /dev/null +++ b/openbox-3/themerc @@ -0,0 +1,155 @@ +# Name: Simple Openbox theme +# Author: Satyajit Sahoo <satyajit.happy@gmail.com> +# License: GPL-3.0+ + +# @TODO: finish replacing the colors here + + +# Menu +menu.border.color: #565454 + +menu.title.bg: Solid Raised +menu.title.bg.color: #3f3e3e +menu.title.bg.shadow: 0 +menu.title.text.color: #ffffff +menu.title.text.justify: Center + +menu.items.bg: Solid Flat +menu.items.bg.color: #3f3e3e +menu.items.text.color: #ffffff +menu.items.disabled.text.color: #ae907c + +menu.items.active.bg: Solid Flat +menu.items.active.bg.color: #669900 +menu.items.active.text.color: #d1ff96 + +menu.separator.color: #435719 +menu.separator.width: 1 +menu.separator.padding.width: 2 +menu.separator.padding.height: 4 + +# Window focused +window.active.title.separator.color: #435719 + +# Active window +window.active.border.color: #6daf22 + + +window.active.title.bg: flat solid +window.active.title.bg.color: #536c1f +window.active.title.separator.color: #415418 +window.active.text.justify: center + +window.active.label.bg: parentrelative +window.active.label.text.color: #d1ff96 + +window.active.handle.bg: flat solid +window.active.handle.bg.color: #415418 + +window.active.grip.bg: flat solid +window.active.grip.bg.color: #415418 + +window.active.button.unpressed.bg: raised solid +window.active.button.unpressed.bg.color: #536c1f +window.active.button.unpressed.image.color: #aaec9e + +window.active.button.pressed.bg: sunken solid +window.active.button.pressed.bg.color: #3d7200 +window.active.button.pressed.image.color: #aaec9e + +window.active.button.disabled.bg: flat solid +window.active.button.disabled.bg.color: #493e37 +window.active.button.disabled.image.color: #ae907c + +window.active.button.hover.bg: raised solid +window.active.button.hover.bg.color: #34414c +window.active.button.hover.image.color: #aaec9e + +#window.active.button.toggled.bg: #3d7200 +#window.active.button.toggled.image.color: #aaec9e + +# Inactive window +window.inactive.border.color: #565454 + +window.inactive.title.bg: flat solid +window.inactive.title.bg.color: #3f3e3e +window.inactive.title.separator.color: #333232 +window.inactive.text.justify: center + +window.inactive.label.bg: parentrelative +window.inactive.label.text.color: #FFFFFF + +window.inactive.handle.bg: flat solid +window.inactive.handle.bg.color: #333232 + +window.inactive.grip.bg: flat solid +window.inactive.grip.bg.color: #333232 + +window.inactive.button.unpressed.bg: raised solid +window.inactive.button.unpressed.bg.color: #3f3e3e +window.inactive.button.unpressed.image.color: #FFFFFF + +window.inactive.button.pressed.bg: sunken solid +window.inactive.button.pressed.bg.color: #333232 +window.inactive.button.pressed.image.color: #FFFFFF + +window.inactive.button.disabled.bg: flat solid +window.inactive.button.disabled.bg.color: #493e37 +window.inactive.button.disabled.image.color: #ae907c + +window.inactive.button.hover.bg: raised solid +window.inactive.button.hover.bg.color: #4A4949 +window.inactive.button.hover.image.color: #FFFFFF + + +# OSD +osd.border.width: 1 +osd.border.color: #3d7200 + +osd.bg: flat solid +osd.bg.color: #34414c +osd.label.bg: flat solid +osd.label.bg.color: #34414c +osd.label.text.color: #add2e4 + +# OSD +osd.bg: Solid Flat +osd.bg.color: #34414c +osd.bg.shadow: 0 + +osd.border.width: 2 +osd.hilight.bg: Solid Flat +osd.hilight.bg.color: #3d7200 +osd.unhilight.bg: flat solid +osd.unhilight.bg.color: #303030 + +osd.button.unpressed.bg: flat border +osd.button.unpressed.bg.color: #24475f +#osd.button.unpressed.*.border.color: #b6e7ff + +osd.button.pressed.bg: flat border +osd.button.pressed.bg.color: #3d7200 +#osd.button.pressed.*.border.color: #aaec9e + +osd.button.focused.bg: flat solid border +osd.button.focused.bg.color: #d0d1b6 +#osd.button.focused.*.border.color: #303030 + +osd.button.focused.box.color: #3d7200 + + +# Fonts +window.active.label.text.font:shadow=n +window.inactive.label.text.font:shadow=n +menu.items.font:shadow=n +menu.title.text.font:shadow=n + + +# Everything else +border.width: 3 +padding.width: 8 +padding.height: 3 +window.handle.width: 0 +window.client.padding.width: 0 +window.label.text.justify: center +#menu.overlap: 0 diff --git a/previews/gtk2.png b/previews/gtk2.png new file mode 100644 index 0000000..dc2a9d1 Binary files /dev/null and b/previews/gtk2.png differ diff --git a/previews/gtk3-gtk4-gtk2-desktop.png b/previews/gtk3-gtk4-gtk2-desktop.png deleted file mode 100644 index 476c217..0000000 Binary files a/previews/gtk3-gtk4-gtk2-desktop.png and /dev/null differ diff --git a/previews/gtk3-gtk4.png b/previews/gtk3-gtk4.png new file mode 100644 index 0000000..b1ff442 Binary files /dev/null and b/previews/gtk3-gtk4.png differ diff --git a/previews/gtk3wf-1-Skweaita_light.png b/previews/gtk3wf-1-Skweaita_light.png new file mode 100644 index 0000000..0d766d9 Binary files /dev/null and b/previews/gtk3wf-1-Skweaita_light.png differ diff --git a/previews/gtk3wf-1-Soil.png b/previews/gtk3wf-1-Soil.png deleted file mode 100644 index ee613e2..0000000 Binary files a/previews/gtk3wf-1-Soil.png and /dev/null differ diff --git a/previews/gtk3wf-2.png b/previews/gtk3wf-2.png index cd0a603..8659c8a 100644 Binary files a/previews/gtk3wf-2.png and b/previews/gtk3wf-2.png differ diff --git a/previews/gtk3wf-3.png b/previews/gtk3wf-3.png index c0bbf0c..c88574b 100644 Binary files a/previews/gtk3wf-3.png and b/previews/gtk3wf-3.png differ diff --git a/previews/logo.png b/previews/logo.png index e2fa8ce..caf3e9b 100644 Binary files a/previews/logo.png and b/previews/logo.png differ diff --git a/source/common/_theme_colors.scss b/source/common/_theme_colors.scss index cc4c959..6de2583 100644 --- a/source/common/_theme_colors.scss +++ b/source/common/_theme_colors.scss @@ -1,37 +1,42 @@ -$window_fg: #241f31; -$window_bg: #a7a7a7; -$text_widget_fg: #241f31; -$text_widget_bg: #908f8d; +$window_fg: #EDF0F5; +$window_bg: #3f3e3e; +$text_widget_fg: #EDF0F5; +$text_widget_bg: #323232; -$selected_fg: #000000; -$selected_bg: #b0dd7e; +$selected_fg: #d1ff96; +$selected_bg: #669900; -$button_fg: #241f31; -$button_bg: #bcbeb9; -$button_checked_bg: #b0dd7e; -$button_checked_fg: #000000; +$button_fg: #EDF0F5; +$button_bg: #4e584d; +$button_checked_bg: #669900; +$button_checked_fg: #d1ff96; -$disabled_fg: #552222; -$disabled_bg: #938989; +$disabled_fg: #7c675a; +$disabled_bg: #493e37; /*Usually an automatic fg color on these backgrounds should check this value!*/ -$warningc: #938989; -$errorc: #990000; -$successc: #73d216; +$warningc: #f57900; +$errorc: #CC0000; +$successc: #33d17a; -$titlebar_active_fg: #000000; -$titlebar_active_bg: #b0dd7e; +$titlebar_active_fg: #d1ff96; +$titlebar_active_bg: #669900; -$titlebar_backdrop_fg: #241f31; -$titlebar_backdrop_bg: #a7a7a7; +$titlebar_backdrop_fg: #EDF0F5; +$titlebar_backdrop_bg: #3f3e3e; -$hint_fg: #002269; -$hint_bg: #6789b4; +$hint_fg: #66cbec; +$hint_bg: #203d79; -$osd_fg: #002269; -$osd_bg: #6789b4; +$osd_fg: #66cbec; +$osd_bg: #203d79; -$link_fg: #004B91; -$link_visited_fg: #680091; +$link_fg: #99c1f1; +$link_visited_fg: #dc8add; + +// ---- These are not colors, but other types of variables: + +$button_radius: 0px; +$window_radius: 0px; diff --git a/source/common/buttons.scss b/source/common/buttons.scss index 4fcac02..563705c 100644 --- a/source/common/buttons.scss +++ b/source/common/buttons.scss @@ -2,58 +2,6 @@ $_default_button_c: $button_bg; -@function _border_color($c, $darker: false) { - @if $darker == true { @return darken($c, 20%); } - @else { @return darken($c, 10%); } -} - -@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { -// -// calculate the color of text shadows -// -// $tc is the text color -// $bg is the background color -// - $_lbg: lightness($bg)/100%; - @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } - @else { @return transparentize(black, $_lbg*0.8); } -} - -@function _button_hilight_color($c) { -// -// calculate the right top hilight color for buttons -// -// $c: base color; -// - @if lightness($c)>95% { @return white; } - @else if lightness($c)>90% { @return transparentize(white, 0.15); } - @else if lightness($c)>80% { @return transparentize(white, 0.35); } - @else if lightness($c)>50% { @return transparentize(white, 0.5); } - @else if lightness($c)>40% { @return transparentize(white, 0.65); } - @else { @return transparentize(white, 0.7); } - //@return $top_hilight; -} - -@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { -// -// helper function for the text emboss effect -// -// $tc is the optional text color, not the shadow color -// -// TODO: this functions needs a way to deal with special cases -// - - $_shadow: _text_shadow_color($tc, $bg); - - @if lightness($tc)<50% { - text-shadow: 0 1px _button_hilight_color($tc);//$_shadow; - -gtk-icon-shadow: 0 1px _button_hilight_color($tc);//$_shadow; - } - @else { - text-shadow: 0 -1px $_shadow; - -gtk-icon-shadow: 0 -1px $_shadow; - } -} @@ -85,21 +33,7 @@ $_default_button_c: $button_bg; // this mixin needs to cover both gtk3 and gtk4 cases in order to work. // gtk4 mixin calls only include $t, $c and $tc, therefore it should be safe to use in both. - - $_hilight_color: _button_hilight_color($c); - $_button_edge: if($edge == none, none, _widget_edge($edge)); - $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); - $_button_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); - - $button_clickable_image: linear-gradient( - to bottom, - transparentize($_hilight_color, if($variant == 'light', 0.2 ,0.3 )), - transparentize($_hilight_color, 1) 50%, - transparentize($shadow_hard_color, 1) 50%, - transparentize($shadow_hard_color, if($variant == 'light',0.85,0.7)) ); - - //remove borders on all buttons... - //border-width: 0; + border-width: $border_width; @if $t==normal or $t==normal-alt { // @@ -107,30 +41,24 @@ $_default_button_c: $button_bg; // color: $tc; - background-color: $c; - border-color: $tc; - outline-color: $focus_border_color; - background-image: $button_clickable_image; - @include _button_text_shadow($tc, $c); - @include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow); + @include relief($c); + } @else if $t==hover or $t==hover-alt or $t==undecorated-hover { // // hovered button // - background-color: shade($c, 1.1) + @include relief(lighten($c, 5%)); } - - @else if ($t==active) { // // pushed button // //color: $button_checked_fg; //background-color: $button_checked_bg; - @include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow); + @include relief($c, sunken); } @else if ($t==checked-active ) { @@ -138,9 +66,7 @@ $_default_button_c: $button_bg; // pushed and toggled button // color: $button_checked_fg; - background-color: $button_checked_bg; - @include _button_text_shadow($button_checked_fg, $button_checked_bg); - @include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow); + @include relief($button_checked_bg, sunken); } @@ -149,35 +75,31 @@ $_default_button_c: $button_bg; // toggled button and hover // color: $button_checked_fg; - background-color: shade($button_checked_bg, 1.1); - @include _button_text_shadow($button_checked_fg, $button_checked_bg); - @include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow); - + @include relief(lighten($button_checked_bg, 5%), sunken); } - @else if $t==insensitive { + @else if $t==insensitive or $t==osd-insensitive { // // insensitive button // color: $insensitive_fg_color; - border-color: $insensitive_fg_color; - background-color: $insensitive_bg_color; - background-image: if($backimage==null, none, $backimage); + @include relief($insensitive_bg_color); } @else if $t==insensitive-active { // // insensitive pushed button // color: $insensitive_fg_color; - background-color: mix($insensitive_bg_color, $button_checked_bg, 85%); + @include relief(mix($insensitive_bg_color, $button_checked_bg, 85%), sunken); + } @else if $t==backdrop { // // backdrop button // - background-image: if($backimage==null, none, $backimage); + //background-image: if($backimage==null, none, $backimage); } @else if $t==backdrop-active { // @@ -196,7 +118,20 @@ $_default_button_c: $button_bg; // } - //TODO: what happens with OSDs? Is it necessary to redefine them? + //OSD buttons + + @else if $t==osd { + color: $osd_fg_color; + @include relief($osd_bg_color); + } + @else if $t==osd-hover { + color: $osd_fg_color; + @include relief(lighten($osd_bg_color,5%)); + } + @else if $t==osd-active { + color: $osd_fg_color; + @include relief(lighten($osd_bg_color,5%),sunken); + } @else if $t==undecorated { // @@ -206,8 +141,6 @@ $_default_button_c: $button_bg; background-color: transparent; background-image: none; - @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); - text-shadow: none; -gtk-icon-shadow: none; } diff --git a/source/common/common_colors.scss b/source/common/common_colors.scss index 19bd253..57e8a90 100644 --- a/source/common/common_colors.scss +++ b/source/common/common_colors.scss @@ -19,11 +19,11 @@ $link_visited_color: $link_visited_fg; //mix($selected_bg_color, $fg_color, 20%) $top_hilight: $borders_edge; $dark_fill: mix($borders_color, $bg_color, 50%); -$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); +$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); //unused; base and text apply. $scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); -$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); -$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_color: $button_bg; //mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($button_bg, $button_fg, 90%); $scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); $warning_color: $warningc; @@ -34,15 +34,8 @@ $destructive_color: $errorc; //$warning_fg: if($variant == 'light', shade($warningc,0.5), shade($warningc,1.3)); //$warning_bg: if($variant == 'light', shade($warningc,1.3), shade($warningc,0.5)); -$osd_fg_color: $osd_fg; -$osd_text_color: $osd_fg; -$osd_bg_color: transparentize($osd_bg, 0.3); //if($variant == 'light', transparentize(darken(desaturate($osd_bg, 100%), 4%),0.3), transparentize(darken(desaturate($osd_bg, 100%), 10%),0.3)); -$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); -$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); -$osd_borders_color: $hint_fg; - $sidebar_bg_color: mix($bg_color, $base_color, 50%); $tooltip_borders_color: $hint_fg; @@ -56,19 +49,31 @@ $insensitive_fg_color: $disabled_fg; $insensitive_bg_color: $disabled_bg; $insensitive_borders_color: mix($borders_color, $disabled_fg, 50%); +//osd colors +$osd_fg_color: $osd_fg; +$osd_text_color: $osd_fg; +$osd_bg_color: $osd_bg; //transparentize($osd_bg, 0.3); //if($variant == 'light', transparentize(darken(desaturate($osd_bg, 100%), 4%),0.3), transparentize(darken(desaturate($osd_bg, 100%), 10%),0.3)); + + +$osd_insensitive_bg_color: $insensitive_bg_color; //transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: $insensitive_fg_color;// mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: $hint_fg; + + //colors for the backdrop state, derived from the main colors. -$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); -$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +// This is a simple theme. Therefore, no backdrop states should be used. However, just in case I forgot one, I'll define them here too: +$backdrop_base_color: $base_color; //if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: $text_color; //mix($text_color, $backdrop_base_color, 80%); $backdrop_bg_color: $bg_color; -$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); -$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); -$backdrop_selected_fg_color: mix($backdrop_text_color, $selected_fg_color, 50%); -$backdrop_selected_bg_color: transparentize(desaturate($selected_bg_color,50%),0.3); -$backdrop_borders_color: mix($borders_color, $bg_color, 80%); -$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); +$backdrop_fg_color: $fg_color; //mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: $insensitive_bg_color; //if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_fg_color: $selected_fg_color; //mix($backdrop_text_color, $selected_fg_color, 50%); +$backdrop_selected_bg_color: $selected_bg_color; //transparentize(desaturate($selected_bg_color,50%),0.3); +$backdrop_borders_color: $borders_color; //mix($borders_color, $bg_color, 80%); +$backdrop_dark_fill: $dark_fill; //mix($backdrop_borders_color, $backdrop_bg_color, 35%); //special cased widget colors -$suggested_bg_color: $selected_bg_color; +$suggested_bg_color: darken($success_color,10%); //$selected_bg_color; $suggested_border_color: $selected_borders_color; $progress_bg_color: $selected_bg_color; $progress_border_color: $selected_borders_color; diff --git a/source/common/common_common.scss b/source/common/common_common.scss index 0dd4496..0bc272b 100644 --- a/source/common/common_common.scss +++ b/source/common/common_common.scss @@ -6,29 +6,34 @@ $_sizevariant: 'compact'; //either 'default', or compact otherwise $_headerbar_height: if($_sizevariant=='default', 46px, 40px); $_entry_height: if($_sizevariant=='default', 32px, 28px); -$_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px); +$_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 4px); $_hb_btn_pad: if($_sizevariant=='default', 6px, 5px); $_img_btn_pad: if($_sizevariant=='default', 5px, 2px); $_sel_menu_pad: if($_sizevariant=='default', 6px 10px, 4px 10px); $_circ_btn_pad: if($_sizevariant=='default', 4px, 2px); $_switch_margin: if($_sizevariant=='default', 10px, 7px); -$entry_radius: 0px; +$entry_radius: $button_radius; $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $asset_suffix: if($variant=='dark', '-dark', ''); -$backdrop_transition: 200ms ease-out; +$backdrop_transition: none; -$button_transition: all 200ms $ease-out-quad; -$button_radius: 5px; +$button_transition: none; //all 200ms $ease-out-quad; +//$button_radius: 0px; //added by me: + $border_width: 2px; $button_min_height: 24px; $button_min_width: 16px; $button_padding: $_btn_pad; - $button_border: 1px solid; + $button_border: $border_width solid; -$menu_radius: 5px; +$_slider_width: 10px; +$_slider_min_length: 40px; + +$menu_radius: $button_radius; +$popover_radius: $window_radius; %selected_items { @@ -41,11 +46,11 @@ $menu_radius: 5px; &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } @at-root %selected_items_backdrop, - &:backdrop { - color: $backdrop_selected_fg_color; - background-color: $backdrop_selected_bg_color; + &:backdrop { //Simplewaita does not like backdrop changes except for headerbar and window decoration + //color: $backdrop_selected_fg_color; + //background-color: $backdrop_selected_bg_color; - &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + //&:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } } } } diff --git a/source/common/entry.scss b/source/common/entry.scss new file mode 100644 index 0000000..8fad34b --- /dev/null +++ b/source/common/entry.scss @@ -0,0 +1,94 @@ +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop, block_cursor; +// + //$_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); + //$_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + //$_entry_edge: if($edge == none, none, _widget_edge($edge)); + //$_hilight_color: _button_hilight_color($bg_color); + + @if $t==normal { + color: $text_color; + //border-color: $text_color;//$borders_color; + //background-color: $base_color; + @include relief($base_color, sunken); + + //@include _shadows(entry_focus_shadow(transparentize($fc, 1)),inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge); + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==focus { + //@include _shadows(entry_focus_shadow($fc), inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge); + //border-color: entry_focus_border($fc); + @include relief($base_color, sunken, $fc); + } + @if $t==insensitive or $t==osd-insensitive { + color: $insensitive_fg_color; + @include relief($insensitive_bg_color, sunken); + //border-color: $insensitive_fg_color; + //background-color: $insensitive_bg_color; + //box-shadow: $_entry_edge; + + } + @if $t==backdrop { + //color: $backdrop_text_color; + //border-color: $backdrop_borders_color; + //background-color: $backdrop_base_color; + //box-shadow: $_blank_edge; + } + @if $t==backdrop-insensitive { + //color: $backdrop_insensitive_color; + //border-color: $backdrop_borders_color; + //background-color: $insensitive_bg_color; + //box-shadow: $_blank_edge; + } + @if $t==osd { + color: $osd_text_color; + @include relief($osd_bg_color, sunken); + //border-color: $osd_borders_color; + //background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + //background-clip: padding-box; + //@include _shadows($_entry_shadow);; + //text-shadow: 0 1px black; + //-gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + @include relief($osd_bg_color, sunken, $fc); + //border-color: $selected_bg_color; + //background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + //background-clip: padding-box; + //@include _shadows(entry_focus_shadow($fc), $_entry_shadow); + //text-shadow: 0 1px black; + //-gtk-icon-shadow: 0 1px black; + } + //@if $t==osd-insensitive { + // color: $osd_insensitive_fg_color; + // border-color: $osd_borders_color; + // background-color: $osd_insensitive_bg_color; + // background-clip: padding-box; + // box-shadow: none; + // text-shadow: none; + // -gtk-icon-shadow: none; + //} + @if $t==osd-backdrop { + //color: $osd_text_color; + //border-color: $osd_borders_color; + //background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + //background-clip: padding-box; + //box-shadow: none; + //text-shadow: none; + //-gtk-icon-shadow: none; + } + @if $t==block_cursor { + color: $base_color; + background-color: $text_color; + } +} diff --git a/source/common/gtkinfobar.scss b/source/common/gtkinfobar.scss new file mode 100644 index 0000000..6c1f87e --- /dev/null +++ b/source/common/gtkinfobar.scss @@ -0,0 +1,36 @@ +/************** + * GtkInfoBar * + **************/ +infobar { + + $_bg_info_bar: desaturate(invert($selected_bg_color), 30%); + &.info {$_bg_info_bar: $hint_bg;} + &.question {$_bg_info_bar: $hint_bg;} + &.warning {$_bg_info_bar: $warning_color;} + &.error {$_bg_info_bar: $error_color} + + @include relief($_bg_info_bar); + + button { + // FIXME: extend selection mode buttons + @include button(normal, $_bg_info_bar);//, $fg_color, none); + + &:hover { @include button(hover, $_bg_info_bar);}//$bg_color, $fg_color, none); } + + &:active, + &:checked { @include button(active, $_bg_info_bar);}//$bg_color, $fg_color, none); } + + &:disabled { @include button(insensitive,$_bg_info_bar);}//$bg_color,$fg_color,none); } + + + //&:backdrop, + & { + label, & { color: $fg_color; } + } + } + + selection { background-color: darken($bg_color, 10%); } + + *:link { color: $link_color; } + +} diff --git a/source/common/levelbar.scss b/source/common/levelbar.scss index 052930d..8f84a10 100644 --- a/source/common/levelbar.scss +++ b/source/common/levelbar.scss @@ -3,7 +3,7 @@ *************/ $_levelbar_size: 9px; -$_levelbar_border_radius: 5px; +$_levelbar_border_radius: 0px; levelbar { &.horizontal { @@ -27,14 +27,11 @@ levelbar { // segmented level bar &.discrete { trough > block { - min-height: 2px; - margin: 1px; + min-height: 4px; + margin: $border_width; min-width: 24px; border-radius:0; - &:first-child {border-radius: 2px 0 0 2px;} - &:last-child { - border-radius: 0 2px 2px 0; - } + } } } @@ -47,41 +44,38 @@ levelbar { &.discrete > trough > block { min-width: $_levelbar_size - 7px; - margin: 1px 0; + margin: $border_width; min-height: 32px; } } > trough { - padding: 1px; - @include entry(normal); - &:backdrop { @include entry(backdrop); } - border-radius: $_levelbar_border_radius; + @extend %scale_trough; } // level bar colours > trough > block { - border: 1px solid; + //border: 1px solid; &.low { - border-color: $warning_color; + //border-color: $warning_color; background-color: $warning_color; } &.high, &:not(.empty) { - border-color: $selected_bg_color; + //border-color: $selected_bg_color; background-color: $selected_bg_color; } &.full { - border-color: $success_color; + //border-color: $success_color; background-color: $success_color; } &.empty { - background-color: darken($bg_color, 5%); - border-color: darken($bg_color, 5%); + background-color: darken($bg_color, 10%); + //border-color: darken($bg_color, 5%); } } } diff --git a/source/common/notebook.scss b/source/common/notebook.scss new file mode 100644 index 0000000..f1e64a7 --- /dev/null +++ b/source/common/notebook.scss @@ -0,0 +1,285 @@ +notebook, notebook.frame { + + $stack_bg_color: mix($bg_color, $base_color, 50%); + border-width: $border_width; + border-style: solid; + @include relief($stack_bg_color); + + > header { + //padding: 4px; + //border: none; + border: 0 solid; + background-color: $bg_color; + @include relief ($bg_color, sunken); + margin: -$border_width; + + + tabs { + border-width: 0px; + border-style: none; + @include relief ($stack_bg_color, sunken); + background-color: $bg_color; + //margin: -$border_width; + + } + + &.top { + //margin-bottom: 0; + border-bottom-width: $border_width; + + > tabs { margin-top: $border_width;} + > tabs > tab { + border-bottom: none; + margin-top: $border_width; + &:checked { + //margin-top: 0px; + margin-bottom: -$border_width; + //box-shadow: inset 0 1px 1px 0 gtkalpha($light_shadow, 0.3); + } + } + } + + &.bottom { + //margin-top: 0; + border-top-width: $border_width; + + > tabs { margin-bottom: $border_width;} + > tabs > tab { + border-top: none; + margin-bottom: $border_width; + &:checked { + margin-top: -$border_width; + //margin-bottom: 0px; + + } + } + } + + &.left { + //margin-right: 0; + border-right-width: $border_width; + @if $gtk == 4 { > tabs { margin-right: 0;} } + > tabs > tab { + border-right: none; + margin-left: $border_width; + &:checked { + + margin-right: -($border_width);// + if( $gtk==4, 1px, 0)); + //@if $gtk==3 { + padding-right: 10px + $border_width; + //} + //margin-left: 0px; + + } + } + + } + + &.right { + //margin-left: 0; + border-left-width: $border_width; + @if $gtk == 4 { > tabs { margin-left: 0;}} + > tabs > tab { + border-left: none; + margin-right: $border_width; + &:checked { + margin-left: -($border_width);// + if( $gtk==4, 1px, 0)); + //@if $gtk==3 { + padding-left: 10px + $border_width; + //} + //margin-right: 0px; + } + } + } + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + //border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + //border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + //margin-left: -5px; + //margin-right: -5px; + padding: 2px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + @extend %button_basic; + + @extend %button_basic_flat; + + //margin: $border_width; + min-height: 1em; + min-width: 1em; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + //background-color: transparentize(white, 0.7); + //border-color: transparent; + box-shadow: none; + + } + + &:disabled { @include button(disabled); } + } + + tab { + + + outline-offset: -5px; + font-weight: normal; + padding: 3px 10px; + border-width: $border_width; + border-style: solid; + border-radius: 0; + color: mix($text_color, $base_color, 50%); + @include relief($base_color); + margin: 0px; + + + + &:hover { + color: $fg_color; + background-color: darken($bg_color,4%); + + &.reorderable-page { + //border-color: transparentize($borders_color, 0.7); + //background-color: transparentize($bg_color, 0.8); + } + } + + + + &:checked { + @include relief(mix($bg_color, $base_color, 50%)); + color: $fg_color; + &.reorderable-page { + //border-color: transparentize($borders_color, 0.5); + //background-color: transparentize($bg_color, 0.5); + + //&:hover { background-color: transparentize($bg_color, 0.3); } + } + } + + + // colors the button like the label, overridden otherwise + button.flat { + &:hover { color: currentColor; } + + &, &:backdrop { color: gtkalpha(currentColor, 0.3); } + + padding: 0; + //margin-top: 4px; + //margin-bottom: 4px; + // FIXME: generalize .small-button? + min-width: 1em; + min-height: 1em; + + &:last-child { + margin-left: 4px; + margin-right: -4px; + } + + &:first-child { + margin-left: -4px; + margin-right: 4px; + } + } + } + + &.top, + &.bottom { + tabs { + padding-left: 2px; + padding-right: 2px; + + &:not(:only-child) { + margin-left: 3px; + margin-right: 3px; + + &:first-child { margin-left: -1px; } + &:last-child { margin-right: -1px; } + } + + tab { + margin-left: 2px; + margin-right: 2px; + + //&.reorderable-page { border-style: none solid; } + } + } + } + + &.left, + &.right { + tabs { + padding-top: 2px; + padding-bottom: 2px; + + &:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; + + &:first-child { margin-top: -1px; } + &:last-child { margin-bottom: -1px; } + } + + tab { + margin-top: 2px; + margin-bottom: 2px; + + //&.reorderable-page { border-style: solid none; } + } + } + } + + &.top tab { padding-bottom: 4px; } + &.bottom tab { padding-top: 4px; } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + border: none; + background-color: $stack_bg_color; + margin: $border_width; + //@include relief(mix($base_color, $bg_color, 50%)); + + + //&:backdrop { background-color: $backdrop_base_color; } + } +} diff --git a/source/common/overshoot.scss b/source/common/overshoot.scss index d17f9c9..0bb891a 100644 --- a/source/common/overshoot.scss +++ b/source/common/overshoot.scss @@ -1,4 +1,4 @@ -@mixin overshoot($p, $t:normal, $c:$selected_bg_color) { +@mixin overshoot($p, $t:normal, $c:$error_color) { // // overshoot // @@ -13,49 +13,12 @@ // normal, backdrop // - $_small_gradient_length: 3%; - $_big_gradient_length: 50%; +// overshoot is very simplified in this theme - $_small_gradient_size: 100% $_small_gradient_length; - $_big_gradient_size: 100% $_big_gradient_length; + background-color: gtkalpha($c, 0.1); + background-size: 100%; + background-repeat: no-repeat; + border: none; + box-shadow: none; - @if $p==right or $p==left { - $_small_gradient_size: $_small_gradient_length 100%; - $_big_gradient_size: $_big_gradient_length 100%; - } - - $_small_gradient_color: $c; - $_big_gradient_color: transparentize($c, 0.93); - - @if $c==$fg_color { - $_small_gradient_color: darken($borders_color, 10%); - $_big_gradient_color: transparentize($fg_color, 0.93); - - @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } - } - - $_small_gradient: radial-gradient(farthest-side at $p, - $_small_gradient_color 85%, - transparentize($_small_gradient_color, 1)); - - $_big_gradient: radial-gradient(farthest-side at $p, - $_big_gradient_color, - transparentize($_big_gradient_color, 1)); - - @if $t==normal { - background-image: $_small_gradient, $_big_gradient; - background-size: $_small_gradient_size, $_big_gradient_size; - } - - @else if $t==backdrop { - background-image: $_small_gradient; - background-size: $_small_gradient_size; - } - - background-repeat: no-repeat; - background-position: $p; - - background-color: transparent; // reset some properties to be sure to not inherit them somehow - border: none; // - box-shadow: none; // } diff --git a/source/common/paned.scss b/source/common/paned.scss new file mode 100644 index 0000000..930ee98 --- /dev/null +++ b/source/common/paned.scss @@ -0,0 +1,60 @@ +paned { + > separator { + min-width: 2*$border_width; + min-height: 2*$border_width; + -gtk-icon-source: none; // defeats the ugly default handle decoration. + border-width: $border_width; //for some reason, it's drawn twice as wide (only in GTK3!) + border-style: solid; + background-image: radial-gradient(circle closest-side, $fg_color 0%, $fg_color 75%, transparentize($fg_color, 1) 100%); + background-clip: padding-box; + //background-size: 2*$border_width + 2px 2*$border_width + 2px; + background-repeat: no-repeat; + background-position: center; + + @include relief($bg_color); + + &:selected { @include relief($selected_bg_color); } // FIXME is this needed? + + &.wide { + min-width: 5px; + min-height: 5px; + + } + } + + &.horizontal > separator { + //background-repeat: repeat-y; + + &:dir(ltr) { + //margin: 0 -8px 0 0; + //padding: 0 8px 0 0; + //background-position: left; + } + &:dir(rtl) { + //margin: 0 0 0 -8px; + //padding: 0 0 0 8px; + //background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + //background-repeat: repeat-y, repeat-y; + //background-position: left, right; + } + } + + &.vertical > separator { + //margin: 0 0 -8px 0; + //padding: 0 0 8px 0; + //background-repeat: repeat-x; + //background-position: top; + + &.wide { + margin: 0; + padding: 0; + //background-repeat: repeat-x, repeat-x; + //background-position: bottom, top; + } + } +} diff --git a/source/common/relief.scss b/source/common/relief.scss new file mode 100644 index 0000000..93a3598 --- /dev/null +++ b/source/common/relief.scss @@ -0,0 +1,38 @@ +//auxiliary functions for buttons first + + + + +@function highlight_border ($c) { + @return lighten($c, 15%); +} +@function shadow_border ($c) { + @return darken($c, 10%); +} + + +@mixin relief($bg, $type:raised, $bc:$bg) { + // draws a raised (default) or sunken surface + // $bg: background color for the surface + // $type: either raised (default) or sunken (or any other value, which makes it sunken) + // $bc: border color: you may want a different border color (such as an active entry); otherwise it equals $bg + + // it only sets background and border colors; color or any other property are not set. + + background-color: $bg; + //border-width: $border_width; + //border-style: solid; + @if $type==raised { + border-left-color: highlight_border($bc); + border-top-color: highlight_border($bc); + border-right-color: shadow_border($bc); + border-bottom-color: shadow_border($bc); + } + @else { //usually "sunken", but really anything other than "raised" + border-left-color: shadow_border($bc); + border-top-color: shadow_border($bc); + border-right-color: highlight_border($bc); + border-bottom-color: highlight_border($bc); + + } +} diff --git a/source/common/undershoot.scss b/source/common/undershoot.scss index 96ceaba..9bf1a6f 100644 --- a/source/common/undershoot.scss +++ b/source/common/undershoot.scss @@ -1,24 +1,27 @@ undershoot { + + $undershoot_color: mix($hint_bg, $hint_fg, 50%); background-repeat: no-repeat; background-clip: border-box; + background-image: image(gtkalpha($undershoot_color, 0.3)); &.top { - background-image: linear-gradient(to bottom, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); - background-size: 100% 1em; + //background-image: linear-gradient(to bottom, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 100% 0.5em; background-position: top; } &.bottom { - background-image: linear-gradient(to top, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); - background-size: 100% 1em; + //background-image: linear-gradient(to top, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 100% 0.5em; background-position: bottom; } &.left { - background-image: linear-gradient(to right, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); - background-size: 1em 100%; + //background-image: linear-gradient(to right, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 0.5em 100%; background-position: left; } &.right { - background-image: linear-gradient(to left, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); - background-size: 1em 100%; + //background-image: linear-gradient(to left, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0)); + background-size: 0.5em 100%; background-position: right; } diff --git a/source/common/xfce.scss b/source/common/xfce.scss new file mode 100644 index 0000000..071e7f5 --- /dev/null +++ b/source/common/xfce.scss @@ -0,0 +1,17 @@ +#XfceNotifyWindow { + + color: $hint_fg; + border-radius: $window_radius; + border-width: $border_width; + border-style: solid; + @include relief($hint_bg); + label {color: $hint_fg} + label #summary { font-weight: bold; } + + button { + @include button(osd); + &:hover {@include button(osd-hover); } + &:active {@include button(osd-active);} + } + + } diff --git a/source/gtk3/_common.scss b/source/gtk3/_common.scss index e2791cb..1aa114b 100644 --- a/source/gtk3/_common.scss +++ b/source/gtk3/_common.scss @@ -3,10 +3,6 @@ -$window_radius: $button_radius + 3; -$popover_radius: $button_radius + 4; - - * { padding: 0; @@ -36,7 +32,7 @@ $popover_radius: $button_radius + 4; outline-style: dashed; outline-offset: -3px; outline-width: 1px; - -gtk-outline-radius: $button-radius - 2; + -gtk-outline-radius: $button-radius;// - 2; -gtk-secondary-caret-color: $selected_bg_color } @@ -49,12 +45,12 @@ $popover_radius: $button_radius + 4; color: $fg_color; background-color: $bg_color; - &:backdrop { - color: $backdrop_fg_color; - background-color: $backdrop_bg_color; - text-shadow: none; - -gtk-icon-shadow: none; - } + //&:backdrop { + // color: $backdrop_fg_color; + // background-color: $backdrop_bg_color; + // text-shadow: none; + // -gtk-icon-shadow: none; + //} } /* @@ -96,11 +92,7 @@ $popover_radius: $button_radius + 4; color: $text_color; background-color: $base_color; - &:backdrop { - color: $backdrop_text_color; - background-color: $backdrop_base_color; - &:disabled { color: $backdrop_insensitive_color; } - } + &:disabled { color: $insensitive_fg_color; @@ -111,7 +103,7 @@ $popover_radius: $button_radius + 4; &:focus, & { @extend %selected_items; - border-radius: 3px; + border-radius: $button_radius; } } } @@ -155,7 +147,7 @@ flowbox { border-radius: 0; padding: 0; - &:backdrop { background-color: if($variant=='light', transparent, darken($backdrop_base_color,5%)); } + //&:backdrop { background-color: if($variant=='light', transparent, darken($backdrop_base_color,5%)); } &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); } &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); } } @@ -179,23 +171,17 @@ label { button & { color: inherit; } - &:backdrop { - color: $backdrop_insensitive_color; - - button & { color: inherit; } - } - selection { @extend %selected_items_disabled; } } - &:backdrop { - selection { @extend %selected_items_backdrop; } - } + //&:backdrop { + // selection { @extend %selected_items_backdrop; } + //} &.error { color: $error_color; - &:disabled { color: transparentize($error_color,0.5); } - &:disabled:backdrop { color: transparentize($error_color,0.6); } + &:disabled { color: mix($error_color,$insensitive_fg_color,0.5); } + //&:disabled:backdrop { color: transparentize($error_color,0.6); } } } @@ -209,10 +195,10 @@ assistant { background-color: $base_color; border-top: 1px solid $borders_color; - &:backdrop { - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } + //&:backdrop { + // background-color: $backdrop_base_color; + // border-color: $backdrop_borders_color; + //} } &.csd .sidebar { border-top-style: none; } @@ -225,9 +211,12 @@ assistant { %osd, .osd { color: $osd_fg_color; - border: 1px solid $osd_borders_color; - background-color: $osd_bg_color; - background-clip: padding-box; + border-width: $border_width; + border-style: solid; + @include relief ($osd_bg_color); + //border: 1px solid $osd_borders_color; + //background-color: $osd_bg_color; + //background-clip: padding-box; //text-shadow: 0 1px black; //-gtk-icon-shadow: 0 1px black; @@ -310,9 +299,9 @@ entry { min-height: $_entry_height; padding-left: 1px; padding-right: 1px; - border: 1px solid; + border: $border_width solid; border-radius: $entry_radius; - transition: all 200ms $ease-out-quad; + transition: none;// all 200ms $ease-out-quad; @include entry(normal); @@ -338,13 +327,6 @@ entry { &:disabled { @include entry(insensitive); } - &:backdrop { - @include entry(backdrop); - - transition: $backdrop_transition; - } - - &:backdrop:disabled { @include entry(backdrop-insensitive); } selection { @extend %selected_items; } @@ -368,7 +350,7 @@ entry { &:active { color: $selected_bg_color; } - &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + //&:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } } &:drop(active) { @@ -383,14 +365,12 @@ entry { &:focus { @include entry(osd-focus); } - &:backdrop { @include entry(osd-backdrop); } - &:disabled { @include entry(osd-insensitive); } } } progress { - margin: 2px -6px; + margin: 2px 2px; background-color: transparent; background-image: none; border-radius: 0; @@ -402,76 +382,8 @@ entry { &:backdrop { background-color: transparent; } } - // linked entries - .linked:not(.vertical) > & { - @extend %linked; - &, &:first-child, &:last-child, &:only-child { - &:dir(rtl), &:dir(ltr) {border-radius:$entry_radius;} //breaking roundness if present, added for square theme. All this to get equal specificity! - } - } - .linked:not(.vertical) > &:focus + &, - .linked:not(.vertical) > &:focus + button, - .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } + // linked entries: all suppressed - .linked:not(.vertical) > &:focus.error + &, - .linked:not(.vertical) > &:focus.error + button, - .linked:not(.vertical) > &:focus.error + combobox > box > button.combo { border-left-color: entry_focus_border($error_color); } - - .linked:not(.vertical) > &:drop(active) + &, - .linked:not(.vertical) > &:drop(active) + button, - .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } - - // Vertically linked entries - // FIXME: take care of "colored" entries - .linked.vertical > & { - @extend %linked_vertical; - - // brighter border between linked entries - &:not(:disabled) + entry:not(:disabled), - &:not(:disabled) + %entry:not(:disabled) { - border-top-color: mix($borders_color, $base_color, 30%); - - &:backdrop { border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); } - } - - // brighter border between linked insensitive entries - &:disabled + %entry:disabled, - &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } - - // color back the top border of a linked focused entry following another entry. - // :not(:only-child) is a specificity bump hack. - + %entry:focus:not(:only-child), - + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } - - + %entry:focus.error:not(:only-child), - + entry:focus.error:not(:only-child) { border-top-color: entry_focus_border($error_color); } - - + %entry:drop(active):not(:only-child), - + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } - - // this takes care of coloring the top border of the focused entry subsequent widget. - // :not(:only-child) is a specificity bump hack. - &:focus:not(:only-child) { - + %entry, - + entry, - + button, - + combobox > box > button.combo { border-top-color: entry_focus_border(); } - } - - &:focus.error:not(:only-child) { - + %entry, - + entry, - + button, - + combobox > box > button.combo { border-top-color: entry_focus_border($error_color); } - } - - &:drop(active):not(:only-child) { - + %entry, - + entry, - + button, - + combobox > box > button.combo { border-top-color: $drop_target_color; } - } - } &.error { color: $error_color; } } @@ -480,7 +392,7 @@ treeview entry { &:focus { &:dir(rtl), &:dir(ltr) { // specificity bump hack background-color: $base_color; - transition-property: color, background; + //transition-property: color, background; } } @@ -523,11 +435,11 @@ treeview entry { background-color: lighten($_entry_tag_bg, 10%); } - :backdrop & { - color: $backdrop_base_color; - background-color: if($variant=='light', $selected_bg_color, - mix($backdrop_fg_color, $backdrop_base_color, 50%)); - } + //:backdrop & { + // color: $backdrop_base_color; + // background-color: if($variant=='light', $selected_bg_color, + // mix($backdrop_fg_color, $backdrop_base_color, 50%)); + //} &.button { background-color: transparent; @@ -576,7 +488,7 @@ button { min-height: $button_min_height; min-width: $button_min_width; padding: $_btn_pad; - border: 1px solid; + border: $border_width solid; border-radius: $button_radius; transition: $button_transition; @@ -603,42 +515,27 @@ button { { @include button(active); - transition-duration: 50ms; + //transition-duration: 50ms; } &:checked, &:checked:active { @include button(checked-active); - transition-duration: 50ms; + //transition-duration: 50ms; } &:checked:hover:not(:active) { @include button(checked-hover); } - &:backdrop { - &.flat, & { - @include button(backdrop); + + //removed backdrop - transition: $backdrop_transition; - -gtk-icon-effect: none; - - &:active, - &:checked { @include button(backdrop-active); } - - &:disabled { - @include button(backdrop-insensitive); - - &:active, - &:checked { @include button(backdrop-insensitive-active); } - } - } - } @at-root %button_basic_flat, &.flat { - &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); } - &:disabled, &:backdrop:disabled { background-color: $insensitive_bg_color;} + //&:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); } + //&:disabled, &:backdrop:disabled { background-color: $insensitive_bg_color;} } @@ -704,17 +601,17 @@ button { &.image-button { min-width: 34px; } color: $osd_fg_color; - border-radius: 5px; + border-radius: 0; @include button(osd); - border: none; + //border: none; box-shadow: none; &:hover { @include button(osd-hover); - border: none; + //border: none; box-shadow: none; } @@ -722,23 +619,23 @@ button { &:checked { @include button(osd-active); - border: none; + //border: none; box-shadow: none; } &:disabled { - &:backdrop, & { + //&:backdrop, & { @include button(osd-insensitive); - border: none; - } + //border: none; + //} } - &:backdrop { - @include button(osd-backdrop); - - border: none; - } + //&:backdrop { + // @include button(osd-backdrop); + // + // border: none; + //} } //overlay / OSD style @@ -749,18 +646,18 @@ button { &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } &:active, - &:checked { &:backdrop, & { @include button(active, $osd_bg_color, $osd_fg_color); }} + &:checked { @include button(active, $osd_bg_color, $osd_fg_color); } - &:disabled { &:backdrop, & { @include button(insensitive); }} + &:disabled { @include button(insensitive); } - &:backdrop { @include button(backdrop, $osd_bg_color, $osd_fg_color); } + //&:backdrop { @include button(backdrop, $osd_bg_color, $osd_fg_color); } &.flat { &:not(:hover):not(:active):not(:checked):not(:disabled) {@include button(undecorated, $osd_bg_color, $osd_fg_color);} box-shadow: none; //FIXME respect no edge on the button mixin - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; + //text-shadow: 0 1px black; + //-gtk-icon-shadow: 0 1px black; &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } @@ -772,7 +669,7 @@ button { box-shadow: none; } - &:backdrop { @include button(undecorated, $osd_bg_color, $osd_fg_color); } + //&:backdrop { @include button(undecorated, $osd_bg_color, $osd_fg_color); } &:active, &:checked { @include button(active, $osd_bg_color, $osd_fg_color); } @@ -796,20 +693,6 @@ button { &:active, &:checked { @include button(active, $b_color, white); } - &:backdrop, - &.flat:backdrop { - @include button(backdrop, $b_color, white); - - &:active, - &:checked { @include button(backdrop-active, $b_color, white); } - - &:disabled { - @include button(backdrop-insensitive); - - &:active, - &:checked { @include button(backdrop-insensitive-active, $b_color, white); } - } - } &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @@ -836,7 +719,7 @@ button { &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} - &:backdrop { @include button(osd-backdrop, $b_color); } + //&:backdrop { @include button(osd-backdrop, $b_color); } } } } @@ -888,9 +771,10 @@ button { } } - // hide separators + // do not hide separators &.font, - &.file { separator { background-color: transparent; }} + &.file { //separator { background-color: transparent; } + } &.font { > box > box > label { font-weight: bold; }} @@ -917,45 +801,45 @@ button { $_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%); - &:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { + &:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled) {//:not(:backdrop) { @include button(normal);//, $backimage: $_border_bg); //border-color: transparent; } - &:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { + &:hover:not(.osd):not(:checked):not(:active):not(:disabled) { //:not(:backdrop) { @include button(hover);//, $backimage: $_border_bg); //border-color: transparent; } - background-origin: padding-box, border-box; - background-clip: padding-box, border-box; + //background-origin: padding-box, border-box; + //background-clip: padding-box, border-box; } } %needs_attention { - animation: needs_attention 150ms ease-in; - $_dot_shadow: _text_shadow_color(); - $_dot_shadow_r: if($variant=='light',0.5,0.45); + //animation: needs_attention 150ms ease-in; + //$_dot_shadow: _text_shadow_color(); + //$_dot_shadow_r: if($variant=='light',0.5,0.45); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($_dot_color), - to(transparent)), - -gtk-gradient(radial, - center center, 0, - center center, $_dot_shadow_r, - to($_dot_shadow), - to(transparent)); - background-size: 6px 6px, 6px 6px; + to(transparent));//, + //-gtk-gradient(radial, + // center center, 0, + // center center, $_dot_shadow_r, + // to($_dot_shadow), + // to(transparent)); + background-size: 6px 6px;//, 6px 6px; background-repeat: no-repeat; @if $variant == 'light' { background-position: right 3px, right 4px; } @else { background-position: right 3px, right 2px; } - &:backdrop { background-size: 6px 6px, 0 0;} + //&:backdrop { background-size: 6px 6px, 0 0;} &:dir(rtl) { @if $variant == 'light' { background-position: left 3px, left 4px; } @@ -982,20 +866,7 @@ button { &:active, &:checked { @include button(insensitive-active); } } - - &:backdrop { - @include button(backdrop); - - &:active, - &:checked { @include button(backdrop-active); } - - &:disabled { - @include button(backdrop-insensitive); - - &:active, - &:checked { @include button(backdrop-insensitive-active); } - } - } + //removed backdrop } // More inline toolbar buttons @@ -1104,8 +975,8 @@ toolbar.inline-toolbar toolbutton { background-color: transparent; background-image: none; border-color: transparent; - box-shadow: inset 0 1px transparentize(white, 1), - 0 1px transparentize(white, 1); + //box-shadow: inset 0 1px transparentize(white, 1), + //0 1px transparentize(white, 1); text-shadow: none; -gtk-icon-shadow: none; } @@ -1125,8 +996,8 @@ modelbutton.flat, &:selected { @extend %selected_items; } - &:backdrop, - &:backdrop:hover { @extend %undecorated_button; } + //&:backdrop, + //&:backdrop:hover { @extend %undecorated_button; } } modelbutton.flat arrow { @@ -1155,7 +1026,7 @@ button.color { @if $variant == 'light' { .osd &, & { &:disabled, - &:backdrop, + //&:backdrop, &:active, &:checked { colorswatch:only-child { box-shadow: none; }} } @@ -1164,13 +1035,13 @@ button.color { /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ -list row button.image-button:not(.flat) { - @extend %undecorated_button; - border: 1px solid transparentize($borders_color, .5); - &:hover { @include button(hover); } - &:active, - &:checked { @include button(active); } -} +//list row button.image-button:not(.flat) { +// @extend %undecorated_button; +// border: 1px solid transparentize($borders_color, .5); +// &:hover { @include button(hover); } +// &:active, +// &:checked { @include button(active); } +//} /********* * Links * @@ -1201,7 +1072,7 @@ list row button.image-button:not(.flat) { &:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color, 100%), 0.2); } - &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }} + //&:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }} @at-root %link_selected, &:selected, @@ -1255,7 +1126,7 @@ spinbutton { border-radius: 0; box-shadow: none; - &:backdrop:disabled { background-color: transparent; } + //&:backdrop:disabled { background-color: transparent; } } entry { @@ -1358,12 +1229,12 @@ spinbutton { %top_button { border-radius: $button_radius $button_radius 0 0; - border-style: solid solid none solid; + //border-style: solid solid none solid; } %bottom_button { border-radius: 0 0 $button_radius $button_radius; - border-style: none solid solid solid; + //border-style: none solid solid solid; } } @@ -1377,7 +1248,7 @@ spinbutton { &:disabled { @include button(osd-insensitive); } - &:backdrop { @include button(osd-backdrop); } + //&:backdrop { @include button(osd-backdrop); } } // Misc @@ -1388,7 +1259,7 @@ spinbutton { entry { min-height: 0; - padding: 1px 2px; + //padding: 1px 2px; } } font-feature-settings: "tnum"; @@ -1441,6 +1312,9 @@ combobox { -GtkWidget-window-dragging: true; padding: 4px; background-color: $bg_color; + //border-width: $border_width; + //border-style: solid; + //@include relief($bg_color); } toolbar { @@ -1486,8 +1360,8 @@ toolbar { @extend %darkbar; padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; + //border-width: 0 1px 1px; + //border-radius: 0 0 5px 5px; } searchbar > revealer > box, @@ -1496,7 +1370,7 @@ searchbar > revealer > box, @extend %darkbar; - border-width: 0 0 1px; + //border-width: 0 0 1px; padding: 3px; } @@ -1508,16 +1382,16 @@ searchbar > revealer > box { %darkbar { border-style: solid; - border-color: $borders_color; + //border-color: $borders_color; $_bg: mix($bg_color, $borders_color, 70%); background-color: $_bg; - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $backdrop_dark_fill; - box-shadow: none; - transition: $backdrop_transition; - } + //&:backdrop { + // border-color: $backdrop_borders_color; + // background-color: $backdrop_dark_fill; + // box-shadow: none; + // transition: $backdrop_transition; + //} } @@ -1528,20 +1402,22 @@ searchbar > revealer > box { headerbar { padding: 0 6px; min-height: $_headerbar_height; - border-width: 0 0 1px; - border-style: solid; - border-color: $alt_borders_color; - border-radius: 0; + border: none; + border-radius: 0px; + background-color: $titlebar_active_bg; + color: $titlebar_active_fg; + border: none; - @include headerbar_fill(darken($bg_color, 10%)); + //@include headerbar_fill(darken($bg_color, 10%)); &:backdrop { - border-color: $backdrop_borders_color; - background-color: $bg_color; - background-image: none; - box-shadow: inset 0 1px $top_hilight; + //border-color: $backdrop_borders_color; + background-color: $titlebar_backdrop_bg; + color: $titlebar_backdrop_fg; + //background-image: none; + //box-shadow: inset 0 1px $top_hilight; - transition: $backdrop_transition; + transition: none; //$backdrop_transition; } .title { @@ -1566,15 +1442,16 @@ headerbar { $_hc: mix($top_hilight, $suggested_bg_color, 50%); // hilight color color: $selected_fg_color; - border-color: $suggested_border_color; - text-shadow: 0 -1px transparentize(black, 0.5); + //border-color: $suggested_border_color; + //text-shadow: 0 -1px transparentize(black, 0.5); - @include headerbar_fill($suggested_bg_color, $_hc); + //@include headerbar_fill($suggested_bg_color, $_hc); + background-color: $suggested_bg_color; &:backdrop { background-color: $suggested_bg_color; - background-image: none; - box-shadow: inset 0 1px mix($top_hilight, $suggested_bg_color, 60%); + //background-image: none; + //box-shadow: inset 0 1px mix($top_hilight, $suggested_bg_color, 60%); label { text-shadow: none; @@ -1692,18 +1569,8 @@ headerbar { } } - // squared corners when the window is maximized, tiled, or fullscreen - .tiled &, - .tiled-top &, - .tiled-right &, - .tiled-bottom &, - .tiled-left &, - .maximized &, - .fullscreen & { - &:backdrop, & { - border-radius: 0; - } - } + // squared corners when the window is maximized, tiled, or fullscreen (removed, unnecessary) + &.default-decoration { min-height: 28px; @@ -1761,35 +1628,23 @@ headerbar { .background .titlebar { &:backdrop, & { - border-top-left-radius: $window_radius; - border-top-right-radius: $window_radius; + border-radius: 0; } } -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - &:backdrop, & { - border-top-left-radius: 0; - border-top-right-radius: 0; - } -} -headerbar { // headerbar border rounding + +headerbar { // headerbar border rounding; could perfectly be removed, since all radiuses are already 0 window separator:first-child + &, - window &:first-child { &:backdrop, & { border-top-left-radius: 7px; }} - window &:last-child { &:backdrop, & { border-top-right-radius: 7px; }} + window &:first-child { &:backdrop, & { border-top-left-radius: 0px; }} + window &:last-child { &:backdrop, & { border-top-right-radius: 0px; }} window stack & { // tackles the stacked headerbars case &:first-child, &:last-child { &:backdrop, & { - border-top-left-radius: 7px; - border-top-right-radius: 7px; + border-top-left-radius: 0px; + border-top-right-radius: 0px; } } } @@ -1830,7 +1685,7 @@ headerbar { // headerbar border rounding @extend %titlebar; } -// Development versions of apps to use a differently styled headerbar +// Development versions of apps to use a differently styled headerbar. Left as default for now. window.devel { headerbar.titlebar:not(.selection-mode) { @@ -1920,7 +1775,8 @@ treeview.view { @extend %selected_items; } - &:backdrop, & { + //&:backdrop, + & { border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly } @@ -1941,13 +1797,13 @@ treeview.view { min-height: 2px; color: $bg_color; - &:backdrop { color: transparentize($bg_color, 0.9); } + //&:backdrop { color: transparentize($bg_color, 0.9); } } - &:backdrop { - border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); - border-top: $backdrop_bg_color; - } + //&:backdrop { + // border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + // border-top: $backdrop_bg_color; + //} &:drop(active) { border-style: solid none; border-width: 1px; @@ -1972,12 +1828,14 @@ treeview.view { &:hover { color: $selected_fg_color; } - &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } + //&:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:disabled, &:disabled:checked { color: $insensitive_fg_color; } - &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } + //&:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } } &.progressbar { // progress bar in treeviews @@ -1999,22 +1857,10 @@ treeview.view { background-image: image($base_color); - &:backdrop { - @if $variant == 'light' { - color: $selected_bg_color; - } - background-color: $backdrop_base_color; - } + } } - &:backdrop { - @if $variant == 'light' { color: $backdrop_base_color; } - - @else { border-color: $backdrop_base_color; } - background-image: none; - box-shadow: none; - } } &.trough { // progress bar trough in treeviews @@ -2036,16 +1882,16 @@ treeview.view { @extend %column_header_button; - color: $_column_header_color; - background-color: $base_color; - font-weight: bold; + //color: $_column_header_color; + //background-color: $base_color; + //font-weight: bold; text-shadow: none; box-shadow: none; &:hover { @extend %column_header_button; - color: mix($_column_header_color, $fg_color, 50%); + //color: mix($_column_header_color, $fg_color, 50%); box-shadow: none; transition: none; //I shouldn't need this } @@ -2053,7 +1899,7 @@ treeview.view { &:active { @extend %column_header_button; - color: $fg_color; + //color: $fg_color; transition: none; //I shouldn't need this } } @@ -2080,34 +1926,19 @@ treeview.view { %column_header_button { padding: 0 6px; background-image: none; - border-style: none solid solid none; - border-color: $_treeview_borders_color; + //border-style: none solid solid none; + //border-color: $_treeview_borders_color; border-radius: 0; text-shadow: none; &:disabled { - border-color: $bg_color; + //border-color: $insensitive_fg_color; background-image: none; background-color: $insensitive_bg_color; color: $insensitive_fg_color; } - &:backdrop { - //color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); - border-color: $backdrop_bg_color; - border-style: none solid solid none; - background-image: none; - background-color: $backdrop_base_color; - - &:disabled { - border-color: $backdrop_bg_color; - background-image: none; - background-color: $insensitive_bg_color; - color: $insensitive_fg_color; - } - } - - &:last-child { &:backdrop, & { border-right-style: none; }} + //&:last-child { border-right-style: none; } } @@ -2119,9 +1950,7 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; - box-shadow: inset 0 -1px transparentize(black, 0.9); - - &:backdrop { background-color: $backdrop_bg_color; } + > menuitem { min-height: 16px; @@ -2136,8 +1965,8 @@ menubar, } &:hover { //Seems like it :hover even with keyboard focus - box-shadow: inset 0 -3px $selected_bg_color; - color: $link_color; + color: $selected_fg_color; + background-color: $selected_bg_color; } &:disabled { @@ -2159,15 +1988,17 @@ menu, .context-menu { margin: 4px; // see https://bugzilla.gnome.org/show_bug.cgi?id=591258 padding: 4px 0px; - background-color: $menu_color; - border: 1px solid $borders_color; // adds borders in a non composited env + border: $border_width solid; + color: $text_color; + @include relief($base_color); + border: $border_width solid; // adds borders in a non composited env .csd & { border: none; // axes borders in a composited env - border-radius: $menu_radius; + border-radius: $menu_radius; //should be 0 } - &:backdrop { background-color: $backdrop_menu_color; } + //&:backdrop { background-color: $backdrop_menu_color; } menuitem { min-height: 16px; @@ -2182,13 +2013,7 @@ menu, &:disabled { color: $insensitive_fg_color; - &:backdrop { color: $backdrop_insensitive_color; } - } - - &:backdrop, - &:backdrop:hover { - color: $backdrop_fg_color; - background-color: transparent; + } // submenu indicators @@ -2219,7 +2044,7 @@ menu, min-height: 16px; min-width: 16px; padding: 4px; - background-color: $menu_color; + background-color: $base_color;//$menu_color; border-radius: 0; &.top { @@ -2270,26 +2095,26 @@ menuitem { popover.background { padding: 2px; - background-color: $popover_bg_color; + + border: $border_width solid; + color: $text_color; + @include relief($base_color); .csd &, & { - border: 1px solid $borders_color; - border-radius: $popover_radius; + //border: 1px solid $borders_color; + //border-radius: $popover_radius; + border: $border_width solid; + @include relief($base_color); } .csd & { - $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + //$_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); - background-clip: padding-box; - border-color: $_popover_border; + //background-clip: padding-box; + //border-color: $_popover_border; } - box-shadow: 0 1px 2px transparentize(black, 0.7); - &:backdrop { - background-color: $backdrop_bg_color; - box-shadow: none; - } > list, > .view, @@ -2319,305 +2144,39 @@ popover.background { /************* * Notebooks * *************/ -notebook { - > header { - padding: 1px; - border-color: $borders_color; - border-width: 1px; - background-color: $dark_fill; - - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $backdrop_dark_fill; - } - - tabs { margin: -1px; } - - &.top { - border-bottom-style: solid; - > tabs { - margin-bottom: -2px; - > tab { - &:hover { box-shadow: inset 0 -4px $borders_color; } - - &:backdrop { box-shadow: none; } - - &:checked { box-shadow: inset 0 -4px $selected_bg_color; } - } - } - } - - &.bottom { - border-top-style: solid; - > tabs { - margin-top: -2px; - > tab { - &:hover { box-shadow: inset 0 4px $borders_color; } - - &:backdrop { box-shadow: none; } - - &:checked { box-shadow: inset 0 4px $selected_bg_color; } - } - } - } - - &.left { - border-right-style: solid; - > tabs { - margin-right: -2px; - > tab { - &:hover { box-shadow: inset -4px 0 $borders_color; } - - &:backdrop { box-shadow: none; } - - &:checked { box-shadow: inset -4px 0 $selected_bg_color; } - } - } - } - - &.right { - border-left-style: solid; - > tabs { - margin-left: -2px; - > tab { - &:hover { box-shadow: inset 4px 0 $borders_color; } - - &:backdrop { box-shadow: none; } - - &:checked { box-shadow: inset 4px 0 $selected_bg_color; } - } - } - } - - &.top > tabs > arrow { - @extend %notebook_vert_arrows; - - border-top-style: none; - } - - &.bottom > tabs > arrow { - @extend %notebook_vert_arrows; - - border-bottom-style: none; - } - - @at-root %notebook_vert_arrows { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; - - &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - } - - &.left > tabs > arrow { - @extend %notebook_horz_arrows; - - border-left-style: none; - } - - &.right > tabs > arrow { - @extend %notebook_horz_arrows; - - border-right-style: none; - } - - @at-root %notebook_horz_arrows { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; - - &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - } - - > tabs > arrow { - @extend %button_basic; - - @extend %button_basic_flat; - - min-height: 16px; - min-width: 16px; - border-radius: 0; - - &:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: transparentize(white, 0.7); - border-color: transparent; - box-shadow: none; - } - - &:disabled { @include button(undecorated); } - } - - tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - - outline-offset: -5px; - - color: $fg_color; - font-weight: normal; - - border-width: 1px; // for reorderable tabs - border-color: transparent; // - - &:hover { - color: $fg_color; - background-color: darken($bg_color,4%); - - &.reorderable-page { - border-color: transparentize($borders_color, 0.7); - background-color: transparentize($bg_color, 0.8); - } - } - - &:backdrop { - color: mix($backdrop_fg_color, $backdrop_bg_color, 60%); - - &.reorderable-page { - border-color: transparent; - background-color: transparent; - } - } - - &:checked { - color: $fg_color; - &.reorderable-page { - border-color: transparentize($borders_color, 0.5); - background-color: transparentize($bg_color, 0.5); - - &:hover { background-color: transparentize($bg_color, 0.3); } - } - } - - &:backdrop:checked { - color: $backdrop_fg_color; - - &.reorderable-page { - border-color: $backdrop_borders_color; - background-color: $backdrop_bg_color; - } - } - - // colors the button like the label, overridden otherwise - button.flat { - &:hover { color: currentColor; } - - &, &:backdrop { color: gtkalpha(currentColor, 0.3); } - - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - // FIXME: generalize .small-button? - min-width: 20px; - min-height: 20px; - - &:last-child { - margin-left: 4px; - margin-right: -4px; - } - - &:first-child { - margin-left: -4px; - margin-right: 4px; - } - } - } - - &.top, - &.bottom { - tabs { - padding-left: 4px; - padding-right: 4px; - - &:not(:only-child) { - margin-left: 3px; - margin-right: 3px; - - &:first-child { margin-left: -1px; } - &:last-child { margin-right: -1px; } - } - - tab { - margin-left: 4px; - margin-right: 4px; - - &.reorderable-page { border-style: none solid; } - } - } - } - - &.left, - &.right { - tabs { - padding-top: 4px; - padding-bottom: 4px; - - &:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; - - &:first-child { margin-top: -1px; } - &:last-child { margin-bottom: -1px; } - } - - tab { - margin-top: 4px; - margin-bottom: 4px; - - &.reorderable-page { border-style: solid none; } - } - } - } - - &.top tab { padding-bottom: 4px; } - &.bottom tab { padding-top: 4px; } - } - - > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - background-color: $base_color; - - &:backdrop { background-color: $backdrop_base_color; } - } -} +@import '../common/notebook.scss'; /************** * Scrollbars * **************/ scrollbar { - $_slider_min_length: 40px; - $_slider_width: 8px; - $_scrollbar_transition: all 300ms $ease-out-quad; - $_fine-tune_slider_border: $_slider_width - 3; //3672 + + $_scrollbar_transition: none; //all 300ms $ease-out-quad; + //$_fine-tune_slider_border: $_slider_width - 3; //3672 - // disable steppers + // enable steppers @at-root * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; } - background-color: $scrollbar_bg_color; - transition: $_scrollbar_transition; + border: $border_width solid; + @include relief($scrollbar_bg_color, sunken); + + transition: none; //$_scrollbar_transition; // scrollbar border - &.top { border-bottom: 1px solid $borders_color; } - &.bottom { border-top: 1px solid $borders_color; } - &.left { border-right: 1px solid $borders_color; } - &.right { border-left: 1px solid $borders_color; } + //&.top { border-bottom: 1px solid $borders_color; } + //&.bottom { border-top: 1px solid $borders_color; } + //&.left { border-right: 1px solid $borders_color; } + //&.right { border-left: 1px solid $borders_color; } - &:backdrop { - background-color: $backdrop_scrollbar_bg_color; - border-color: $backdrop_borders_color; - transition: $backdrop_transition; - } + //&:backdrop { + // background-color: $backdrop_scrollbar_bg_color; + // border-color: $backdrop_borders_color; + // transition: $backdrop_transition; + //} // slider slider { @@ -2626,20 +2185,20 @@ scrollbar { background-image: none; min-width: $_slider_width; min-height: $_slider_width; - margin: 3px; + //margin: 3px; //border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: $scrollbar_slider_color; - transition: $_scrollbar_transition; + //border-radius: 10px; + //background-clip: padding-box; + //background-color: $scrollbar_slider_color; + //transition: $_scrollbar_transition; - &:hover { background-color: $scrollbar_slider_hover_color; } + &:hover { @include relief($scrollbar_slider_hover_color); } - &:hover:active { background-color: $scrollbar_slider_active_color; } + &:hover:active { @include relief($scrollbar_slider_active_color); } - &:backdrop { background-color: $backdrop_scrollbar_slider_color; } + //&:backdrop { background-color: $backdrop_scrollbar_slider_color; } - &:disabled { background-color: transparent; } + &:disabled { @include relief($insensitive_bg_color); } } &.fine-tune { @@ -2649,7 +2208,7 @@ scrollbar { //min-height: $_fine-tune_slider_border+1; //margin: 0; - &, &:hover, &:active {background-color: $hint_bg;} + &, &:hover, &:active {@include relief($hint_bg);} } @@ -2665,42 +2224,33 @@ scrollbar { // button styling button { padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; + min-width: $_slider_width; + min-height: $_slider_width; + border-style: solid; + border-width: $border_width; border-radius: 0; - transition-property: min-height, min-width, color; + //transition-property: min-height, min-width, color; - @include button(undecorated); + @include button(normal); - color: $scrollbar_slider_color; + color: $button_fg; &:hover { - @include button(undecorated); + @include button(hover); color: $scrollbar_slider_hover_color; } &:active, &:checked { - @include button(undecorated); + @include button(active); color: $scrollbar_slider_active_color; } &:disabled { - @include button(undecorated); + @include button(disabled); - color: transparentize($scrollbar_slider_color, 0.8); + //color: transparentize($scrollbar_slider_color, 0.8); } - &:backdrop { - @include button(undecorated); - color: $backdrop_scrollbar_slider_color; - - &:disabled { - @include button(undecorated); - - color: transparentize($backdrop_scrollbar_slider_color, 0.8); - } - } } // button icons @@ -2719,6 +2269,7 @@ scrollbar { &.up { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } } } + &.overlay-indicator { opacity: 0.5; } } treeview ~ scrollbar.vertical { @@ -2733,102 +2284,52 @@ switch { outline-offset: -4px; // similar to the .scale - border: 1px solid $borders_color; - border-radius: 14px; + border: $border_width solid; + border-radius: $button_radius; color: $fg_color; - background-color: $dark_fill; - text-shadow: 0 1px transparentize(black, 0.9); + @include relief($dark_fill, sunken); + //text-shadow: 0 1px transparentize(black, 0.9); &:checked { color: $selected_fg_color; - border-color: $checkradio_borders_color; - background-color: $checkradio_bg_color; - text-shadow: 0 1px transparentize($selected_borders_color, 0.5), - 0 0 2px transparentize(white, 0.4); + @include relief($selected_bg_color, sunken); } &:disabled { color: $insensitive_fg_color; - border-color: $borders_color; - background-color: $insensitive_bg_color; - text-shadow: none; - } - - &:backdrop { - color: $backdrop_fg_color; - border-color: $backdrop_borders_color; - background-color: $backdrop_dark_fill; - text-shadow: none; - transition: $backdrop_transition; - - &:checked { - @if $variant == 'light' { color: $backdrop_bg_color; } - border-color: if($variant == 'light', $checkradio_borders_color, - $selected_borders_color); - background-color: $checkradio_bg_color; - } - - &:disabled { - color: $backdrop_insensitive_color; - border-color: $backdrop_borders_color; - background-color: $insensitive_bg_color; - } - } + @include relief($insensitive_bg_color,sunken); } slider { - margin: -1px; + margin: 0px; min-width: 24px; min-height: 24px; - border: 1px solid; - border-radius: 50%; + border: $border_width solid; + border-radius: $button_radius; transition: $button_transition; -gtk-outline-radius: 20px; - @if $variant == 'light' { - @include button(normal-alt, $edge: $shadow_color); - } - @else { - @include button(normal-alt, $c: lighten($bg_color,6%), $edge: $shadow_color); - } + @include button(normal); } image { color: transparent; } /* only show i / o for the accessible theme */ &:hover slider { - @if $variant == 'light' { - @include button(hover-alt, $edge: $shadow_color); - } - @else { - @include button(hover-alt, $c: lighten($bg_color,6%), $edge: $shadow_color); - } + @include button(hover); } - &:checked > slider { border: 1px solid $checkradio_borders_color; } + //&:checked > slider { border: 1px solid $checkradio_borders_color; } //no special drawing for a checked switch slider &:disabled slider { @include button(insensitive); } - &:backdrop { - slider { - transition: $backdrop_transition; - @include button(backdrop); - } - - &:checked > slider { border-color: $checkradio_borders_color; } - - &:disabled slider { @include button(backdrop-insensitive); } - } - - row:selected & { - @if $variant == 'light' { - box-shadow: none; - border-color: $checkradio_borders_color; - - &:backdrop { border-color: $checkradio_borders_color; } - - > slider { &:checked, & { border-color: $checkradio_borders_color; } } - } - } + //row:selected & { + // @if $variant == 'light' { + // box-shadow: none; + // border-color: $checkradio_borders_color; + // + // > slider { &:checked, & { border-color: $checkradio_borders_color; } } + // } + //} } @@ -2860,7 +2361,7 @@ switch { background-color: #{$check_background}; border-radius: 5px; background-image: none; - transition: 200ms; + transition: none;// 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: #{$check_icon}; @@ -2938,7 +2439,7 @@ radio { } } - &:backdrop { transition: $backdrop_transition; } + //&:backdrop { transition: $backdrop_transition; } &:disabled { color:$insensitive_fg_color; border-color: $insensitive_fg_color; @@ -2954,7 +2455,7 @@ radio { &:hover { @include button(osd); } &:active { @include button(osd-active); } - &:backdrop { @include button(osd-backdrop); } + //&:backdrop { @include button(osd-backdrop); } &:disabled { @include button(osd-insensitive); } } @@ -2978,7 +2479,7 @@ radio { %check, check { - border-radius: 3px; + border-radius: $button_radius; &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } @@ -3001,9 +2502,9 @@ radio { // ANIMATION: // this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes, // the transformation is set on the active state and it get reset on the checked state. -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } +//radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } -check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } +//check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } radio, check { @@ -3011,7 +2512,7 @@ check { &:checked:not(:backdrop), &:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; - transition: 400ms; + transition: none;// 400ms; } } @@ -3036,64 +2537,51 @@ treeview.view radio { treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a workaround + + + /************ * GtkScale * ************/ %scale_trough { - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $dark_fill; + border: $border_width solid;// $borders_color; + @include relief($dark_fill, sunken); //padding: 1px; - &:disabled { background-color: $insensitive_bg_color; } + &:disabled { @include relief($insensitive_bg_color, sunken); } - &:backdrop { - background-color: $backdrop_dark_fill; - border-color: $backdrop_borders_color; - transition: $backdrop_transition; - - &:disabled { background-color: $insensitive_bg_color; } - } + // ...on selected list rows - row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + //row:selected & { &:disabled, & { border-color: $selected_borders_color; }} // OSD .osd & { - border-color: $osd_borders_color; - background-color: transparentize($osd_borders_color, 0.7); - - &:disabled { background-color: $osd_insensitive_bg_color; } + @include relief($osd_bg_color, sunken); + &:disabled { @include relief($osd_insensitive_bg_color, sunken);} } } %scale_highlight { - border: 1px solid $progress_border_color; - border-radius: 3px; + border: none; //1px solid $progress_border_color; + border-radius: $button_radius; background-color: $progress_bg_color; + //margin: 1px; &:disabled { background-color: mix($insensitive_bg_color, $insensitive_fg_color, 80%); - border-color: transparent; + //border-color: transparent; } - &:backdrop { - border-color: if($variant=='light', $progress_bg_color, - $progress_border_color); - &:disabled { - background-color: transparent; - border-color: transparent; - } - } // ...on selected list rows - row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + //row:selected & { &:disabled, & { border-color: $selected_borders_color; }} // OSD .osd & { - border-color: $osd_borders_color; + //border-color: $osd_borders_color; - &:disabled { border-color: transparent; } + //&:disabled { border-color: transparent; } } } @@ -3107,8 +2595,8 @@ scale { padding: 12px; // those are inside the trough node, I need them to show their own border over the trough one, so negative margin - fill, - highlight { margin: -1px; } + //fill, + //highlight { margin: -1px; } // the slider is inside the trough, so to have make it bigger there's a negative margin @@ -3130,7 +2618,7 @@ scale { // to make the trough grow in fine-tune mode //trough {border-color: $success_color;} - slider {&, &:active, &:hover, &:focus { background-color: $hint_bg;}}//margin: -6px; } + slider {&, &:active, &:hover, &:focus { @include relief($hint_bg);}}//margin: -6px; } fill, highlight, @@ -3155,92 +2643,63 @@ scale { // in media player to indicate how much video stream as been cached fill { @extend %scale_trough; - - &:backdrop, & { background-color: $borders_color; } - - &:disabled { - &:backdrop, & { - border-color: transparent; - background-color: transparent; - } - } + background-color: mix($progress_bg_color, $dark_fill, 50%); + &:disabled { background-color: mix($insensitive_bg_color, $dark_fill, 50%);} // OSD - .osd & { - background-color: mix($osd_fg_color, $osd_borders_color, 25%); + //.osd & { + // background-color: mix($osd_fg_color, $osd_borders_color, 25%); - &:disabled { - &:backdrop, & { - border-color: transparent; - background-color: transparent; - } - } - } + // &:disabled { + // &:backdrop, & { + // border-color: transparent; + // background-color: transparent; + // } + // } + //} } slider, %slider { min-height: 18px; min-width: 18px; - margin: -9px; - //@include button(normal-alt, $edge: $shadow_color); - @include button(normal); - - //border: 1px solid darken($alt_borders_color, 3%); - border-width: 1px; + margin: -7px; // the slider is inside the trough, so to have make it bigger there's a negative margin + border-width: $border_width; border-style: solid; - border-radius: 100%; - transition: $button_transition; - transition-property: background, border, box-shadow; - - //&:hover { @include button(hover-alt, $edge: $shadow_color); } + border-radius: $button_radius; + @include button(normal); + &:hover { @include button(hover); } - &:active { border-color: $selected_bg_color; } + &:active { @include relief($selected_bg_color); } &:disabled { @include button(insensitive); } - &:backdrop { - transition: $backdrop_transition; - - @include button(backdrop); - - &:disabled { @include button(backdrop-insensitive); } - } // ...on selected list rows - row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + //row:selected & { &:disabled, & { border-color: $selected_borders_color; } } // OSD .osd & { @include button(osd); - border-color: darken($osd_borders_color, 3%); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //border-color: darken($osd_borders_color, 3%); + //background-color: opacify($osd_bg_color, 1); // solid background needed here &:hover { @include button(osd-hover); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //background-color: opacify($osd_bg_color, 1); // solid background needed here } &:active { @include button(osd-active); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //background-color: opacify($osd_bg_color, 1); // solid background needed here } &:disabled { @include button(osd-insensitive); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //background-color: opacify($osd_bg_color, 1); // solid background needed here } - &:backdrop { - @include button(osd-backdrop); - background-color: opacify($osd_bg_color, 1); // solid background needed here - - &:disabled { - @include button(osd-backdrop-insensitive); - background-color: opacify($osd_bg_color, 1); // solid background needed here - } - } } } @@ -3379,16 +2838,16 @@ progressbar { // sizing &.horizontal { trough, - progress { min-height: 2px; } + progress { min-height: 0.3em; } } &.vertical { trough, - progress { min-width: 2px; } + progress { min-width: 0.3em; } } - &.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border - &.vertical progress { margin: -1px 0; } // this moves it over it. + //&.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border + //&.vertical progress { margin: -1px 0; } // this moves it over it. // FIXME: insensitive state missing and some other state should be set probably @@ -3396,55 +2855,19 @@ progressbar { color: transparentize($fg_color, 0.6); font-feature-settings: "tnum"; - &:backdrop { - box-shadow: none; - transition: $backdrop_transition; - } trough { @extend %scale_trough; } progress { @extend %scale_highlight; - - border-radius: 1.5px; - - &.left { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - &.right { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - &.top { - border-top-right-radius: 2px; - border-top-left-radius: 2px; - } - - &.bottom { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } } - &.osd { // progressbar.osd used for epiphany page loading progress + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; min-height: 3px; - background-color: transparent; + //removed the rest - trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; - } - - progress { - border-style: none; - border-radius: 0; - } } trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 @@ -3469,10 +2892,7 @@ printdialog { background: white; padding: 0; - &:backdrop { - color: $backdrop_fg_color; - border-color: $backdrop_borders_color; - } + } .dialog-action-box { margin: 12px; } @@ -3488,18 +2908,45 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid $borders_color; + border-width: $border_width; + border-style: solid; + @include relief(transparent, sunken, $base_color); + &.flat { border-style: none; } - &:backdrop { border-color: $backdrop_borders_color; } + //&:backdrop { border-color: $backdrop_borders_color; } +} + +frame.border-outset > border, +frame.border-inset > border { + border-color: darken($bg_color,5%); + border-style: inset; + +} + +frame.border-outset > border { + border-color: darken($bg_color,5%); + border-style: outset; +} + +frame.border-ridge > border { + border-color: darken($bg_color,5%);//$bg_color; //@include relief(transparent, raised, $bg_color); + border-width: 2 * $border_width; + border-style: ridge; +} + +frame.border-groove > border { + border-color: darken($bg_color,5%); //@include relief(transparent, raised, $bg_color); + border-width: 2 * $border_width; + border-style: groove; } actionbar > revealer > box { padding: 6px; border-top: 1px solid $borders_color; - &:backdrop { border-color: $backdrop_borders_color; } + //&:backdrop { border-color: $backdrop_borders_color; } } scrolledwindow { @@ -3513,25 +2960,25 @@ scrolledwindow { &.top { @include overshoot(top); - &:backdrop { @include overshoot(top, backdrop); } + //&:backdrop { @include overshoot(top, backdrop); } } &.bottom { @include overshoot(bottom); - &:backdrop { @include overshoot(bottom, backdrop); } + //&:backdrop { @include overshoot(bottom, backdrop); } } &.left { @include overshoot(left); - &:backdrop { @include overshoot(left, backdrop); } + //&:backdrop { @include overshoot(left, backdrop); } } &.right { @include overshoot(right); - &:backdrop { @include overshoot(right, backdrop); } + //&:backdrop { @include overshoot(right, backdrop); } } } @@ -3544,19 +2991,18 @@ scrolledwindow { &:dir(rtl) { border-image-slice: 0 1 0 0; } - &:backdrop { - border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); - background-color: $backdrop_scrollbar_bg_color; - transition: $backdrop_transition; - } + } } //vbox and hbox separators separator { - background: transparentize(black, 0.9); - min-width: 1px; - min-height: 1px; + //background: transparentize(black, 0.9); + border-width: $border_width; + border-style: solid; + @include relief($bg_color); + min-width: 0px; + min-height: 0px; } @@ -3568,38 +3014,38 @@ list { background-color: $base_color; border-color: $borders_color; - &:backdrop { - color: $backdrop_text_color; - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - row { padding: 2px; } } row { - transition: all 150ms $ease-out-quad; + transition: none;//all 150ms $ease-out-quad; + + //&:hover { transition: none; } - &:hover { transition: none; } - - &:backdrop { transition: $backdrop_transition; } + //&:backdrop { transition: $backdrop_transition; } &.activatable { + border-width: $border_width; + border-style: solid; + @include relief($base_color); &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 - &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + &:hover { @include relief(if($variant == light, darken($base_color, 5%), lighten($base_color, 5%) )); } - &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + &:active { @include relief($base_color, sunken); }//box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } - &:backdrop:hover { background-color: transparent; } + //&:backdrop:hover { background-color: transparent; } &:selected { - &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + color: $selected_fg_color; + @include relief($selected_bg_color); + + &:active { @include relief($selected_bg_color, sunken); } &.has-open-popup, - &:hover { background-color: mix($fg_color, $selected_bg_color, 10%); } + &:hover { @include relief(mix($selected_bg_color, $selected_fg_color, 90%)); } - &:backdrop { background-color: $selected_bg_color; } + //&:backdrop { background-color: $selected_bg_color; } } } @@ -3617,15 +3063,10 @@ row { padding: 10px; border-radius: 0 0 5px 5px; background-color: $osd_bg_color; - background-image: linear-gradient(to bottom, transparentize(black, 0.8), - transparent 2px); + //background-image: linear-gradient(to bottom, transparentize(black, 0.8), + // transparent 2px); background-clip: padding-box; - &:backdrop { - background-image: none; - transition: $backdrop_transition; - } - button { @extend %osd_button; } border { border: none; } @@ -3656,44 +3097,42 @@ expander { ***********/ calendar { color: $text_color; - border: 1px solid $borders_color; + border: $border_width solid; + @include relief ($base_color, sunken); &:selected { @extend %selected_items; - border-radius: 3px; + border-radius: $button_radius; } &.header { - border-bottom-color: transparentize(black, 0.9); + //border-bottom-color: transparentize(black, 0.9); - &:backdrop { border-bottom-color: transparentize(black, 0.9); } + } &.button { - @extend %undecorated_button; + @extend %button; + border-width: $border_width; + border-style: solid; + background-color: transparent; + border-color: transparent; + - color: transparentize($fg_color, 0.55); + //&:hover { color: $fg_color; } - &:hover { color: $fg_color; } - - &:backdrop { color: transparentize($backdrop_fg_color,0.55); } - - &:disabled { color: transparentize($insensitive_fg_color,0.55); } + //&:disabled { color: transparentize($insensitive_fg_color,0.55); } } &.highlight { - color: $insensitive_fg_color; + font-weight: bold; //Y U NO WORK + color: mix($text_color, $base_color, 50%); - &:backdrop { color: $backdrop_insensitive_color; } } - &:backdrop { - color: $backdrop_text_color; - border-color: $backdrop_borders_color; - } - &:indeterminate { color: gtkalpha(currentColor, 0.1); } + &:indeterminate { color: mix($text_color, $base_color, 30%) } } @@ -3706,33 +3145,33 @@ messagedialog { // Message Dialog styling background-image: none; background-color: $bg_color; border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; + border-top-left-radius: $window_radius;// 7px; + border-top-right-radius: $window_radius;//7px; } &.csd { // rounded bottom border styling for csd version &.background { // bigger radius for better antialiasing - border-bottom-left-radius: $window_radius+1; - border-bottom-right-radius: $window_radius+1; + border-bottom-left-radius: 0; //$window_radius+1; + border-bottom-right-radius: 0; // $window_radius+1; } .dialog-action-area button { padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround - border-right-style: none; - border-bottom-style: none; - border-radius: 0; + //border-right-style: none; + //border-bottom-style: none; + //border-radius: 0; -gtk-outline-radius: 0; &:first-child { - border-left-style: none; - border-bottom-left-radius: $button_radius + 2; - -gtk-outline-bottom-left-radius: $button_radius + 2; + //border-left-style: none; + //border-bottom-left-radius: 0;//$button_radius + 2; + -gtk-outline-bottom-left-radius: 0;//$button_radius + 2; } &:last-child { - border-bottom-right-radius: $button_radius + 2; - -gtk-outline-bottom-right-radius: $button_radius + 2; + //border-bottom-right-radius: 0;//$button_radius + 2; + -gtk-outline-bottom-right-radius: 0;//$button_radius + 2; } } } @@ -3742,15 +3181,15 @@ filechooser { .dialog-action-box { border-top: 1px solid $borders_color; - &:backdrop { border-top-color: $backdrop_borders_color; } + //&:backdrop { border-top-color: $backdrop_borders_color; } } #pathbarbox { border-bottom: 1px solid $bg_color; } } filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; + box-shadow: inset 0 0 0 1px $drop_target_color; + //border-color: transparent; } @@ -3778,11 +3217,7 @@ filechooserbutton:drop(active) { } } - &:backdrop { - background-color: $backdrop_sidebar_bg_color; - border-color: $backdrop_borders_color; - transition: $backdrop_transition; - } + list { background-color: transparent; } @@ -3810,7 +3245,7 @@ stacksidebar { &.needs-attention > label { @extend %needs_attention; - background-size: 6px 6px, 0 0; + background-size: 6px 6px;//, 0 0; } } } @@ -3850,17 +3285,16 @@ placessidebar { // will make the animation of the new bookmark row jump > revealer { padding: 0 14px; } - &:selected { color: $selected_fg_color; } + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } - &:disabled { color: $insensitive_fg_color; } + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } - &:backdrop { - color: $backdrop_fg_color; - - &:selected { color: $backdrop_selected_fg_color; } - - &:disabled { color: $backdrop_insensitive_color; } - } image.sidebar-icon { &:dir(ltr) { padding-right: 8px; } @@ -3882,11 +3316,11 @@ placessidebar { margin-top: 3px; margin-bottom: 3px; padding: 0; - border-radius: 100%; + //border-radius: 100%; -gtk-outline-radius: 100%; - &:not(:hover):not(:active), - &:backdrop { > image { opacity: $_placesidebar_icons_opacity; }} + &:not(:hover):not(:active) { > image { opacity: $_placesidebar_icons_opacity; }} + } // in the sidebar case it makes no sense to click the selected row @@ -3903,8 +3337,7 @@ placessidebar { &:drop(active):not(:disabled) { color: $drop_target_color; - box-shadow: inset 0 1px $drop_target_color, - inset 0 -1px $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; &:selected { color: $selected_fg_color; @@ -3938,136 +3371,22 @@ placesview { /********* * Paned * *********/ -paned { - > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; // defeats the ugly default handle decoration - border-style: none; // just to be sure - background-color: transparent; - // workaround, using background istead of a border since the border will get rendered twice (?) - background-image: image($borders_color); - background-size: 1px 1px; - - &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? - - &:backdrop { background-image: image($backdrop_borders_color); } - - &.wide { - min-width: 5px; - min-height: 5px; - background-color: $bg_color; - background-image: image($borders_color), image($borders_color); - background-size: 1px 1px, 1px 1px; - - &:backdrop { - background-color: $backdrop_bg_color; - background-image: image($backdrop_borders_color), - image($backdrop_borders_color); - } - } + +@import '../common/paned.scss'; +paned > separator { + border-width: $border_width / 2 ; //in gtk3 it's drawn twice as wide!!! + min-width: 2*$border_width + 2px; + min-height: 2*$border_width + 2px; } - &.horizontal > separator { - background-repeat: repeat-y; - - &:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; - } - &:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; - } - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; - } - } - - &.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; - } - } -} /************** * GtkInfoBar * **************/ -infobar { - border-style: none; +@import '../common/gtkinfobar.scss'; - &.action:hover > revealer > box { - //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), - // desaturate(darken(invert($selected_bg_color),42%), 70%)); - border-bottom: 1px solid lighten($borders_color, 5%); - } - &.info, - &.question, - &.warning, - &.error { - &:backdrop > revealer > box, & > revealer > box { - label, & { color: $fg_color; } - $_bg_info_bar: desaturate(invert($selected_bg_color), 30%); - - @if $variant == 'light' { $_bg_info_bar: if(lightness($_bg_info_bar) < 50%, lighten($_bg_info_bar, 30%), $_bg_info_bar);} - @else {$_bg_info_bar: if(lightness($_bg_info_bar) > 50%, darken($_bg_info_bar, 30%), $_bg_info_bar);} - - background-color: $_bg_info_bar; - border-bottom: 1px solid lighten($borders_color, 5%); - } - - text-shadow: none; - - &:backdrop { text-shadow: none; } - - button { - // FIXME: extend selection mode buttons - @include button(normal, $bg_color, $fg_color, none); - - &:hover { @include button(hover, $bg_color, $fg_color, none); } - - &:active, - &:checked { @include button(active, $bg_color, $fg_color, none); } - - &:disabled { @include button(insensitive,$bg_color,$fg_color,none); } - - &:backdrop { - @include button(backdrop, $bg_color, $fg_color, none); - border-color: _border_color($bg_color); - - &:disabled { - @include button(backdrop-insensitive, $bg_color, - $fg_color, none); - border-color: _border_color($bg_color); - } - } - &:backdrop, & { - label, & { color: $fg_color; } - } - } - - selection { background-color: darken($bg_color, 10%); } - - *:link { color: $link_color; } - } -} /************ @@ -4077,20 +3396,23 @@ tooltip { &.background { // background-color needs to be set this way otherwise it gets drawn twice // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. - background-color: transparentize($hint_bg, 0.1); - background-clip: padding-box; - border: 1px solid $tooltip_borders_color; // this suble border is meant to + @include relief($hint_bg); + //background-color: transparentize($hint_bg, 0.1); + //background-clip: padding-box; + border-width: $border_width; + border-style: solid; // $tooltip_borders_color; // this suble border is meant to // not make the tooltip melt with // very dark backgrounds + color: $hint_fg; } //padding: 4px; /* not working */ - border-radius: 5px; - //box-shadow: none; // otherwise it gets inherited by windowframe.csd + border-radius: 0;//5px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd text-shadow: none; // FIXME: we need a border or tooltips vanish on black background. - decoration { background-color: transparent; } + decoration { background-color: transparent; border: none; box-shadow: none;} * { // Yeah this is ugly //padding: 4px; @@ -4108,56 +3430,15 @@ colorswatch { // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is // applied to the overlay box. + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state - $_colorswatch_radius: 5px; + $_colorswatch_radius: 0px; + border-radius: $_colorswatch_radius; - // base color corners rounding - // to avoid the artifacts caused by rounded corner anti-aliasing the base color - // sports a bigger radius. - // nth-child is needed by the custom color strip. - &.top { - border-top-left-radius: $_colorswatch_radius + 0.5px; - border-top-right-radius: $_colorswatch_radius + 0.5px; - overlay { - border-top-left-radius: $_colorswatch_radius; - border-top-right-radius: $_colorswatch_radius; - } - } - - &.bottom { - border-bottom-left-radius: $_colorswatch_radius + 0.5px; - border-bottom-right-radius: $_colorswatch_radius + 0.5px; - - overlay { - border-bottom-left-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } - - &.left, - &:first-child:not(.top) { - border-top-left-radius: $_colorswatch_radius + 0.5px; - border-bottom-left-radius: $_colorswatch_radius + 0.5px; - - overlay { - border-top-left-radius: $_colorswatch_radius; - border-bottom-left-radius: $_colorswatch_radius; - } - } - - &.right, - &:last-child:not(.bottom) { - border-top-right-radius: $_colorswatch_radius + 0.5px; - border-bottom-right-radius: $_colorswatch_radius + 0.5px; - - overlay { - border-top-right-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } + &.dark { outline-color: transparentize(white, 0.4); @@ -4167,7 +3448,7 @@ colorswatch { &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } - &:backdrop { color: transparentize(white, 0.5); } + //&:backdrop { color: transparentize(white, 0.5); } } } @@ -4179,7 +3460,7 @@ colorswatch { &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } - &:backdrop { color: transparentize(black, 0.5); } + //&:backdrop { color: transparentize(black, 0.5); } } } @@ -4207,10 +3488,7 @@ colorswatch { inset 0 -1px transparentize(black, 0.8); } - &:backdrop, &:backdrop:hover { - border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); - box-shadow: none; - } + } &#add-color-button { @@ -4223,7 +3501,7 @@ colorswatch { &:hover { @include button(hover); } - &:backdrop { @include button(backdrop); } + //&:backdrop { @include button(backdrop); } } } @@ -4231,7 +3509,7 @@ colorswatch { opacity: 0.5; overlay { - border-color: transparentize(black, 0.4); + border-color: $insensitive_fg_color; box-shadow: none; } } @@ -4239,9 +3517,9 @@ colorswatch { row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } &#editor-color-sample { - border-radius: 4px; + //border-radius: 4px; - overlay { border-radius: 4.5px; } + //overlay { border-radius: 4.5px; } } } @@ -4267,17 +3545,17 @@ colorchooser .popover.osd { border-radius: 5px; } .osd & button.flat { //FIXME: quick hack, redo properly border-style: none; - border-radius: 5px; + //border-radius: 5px; } button { // +/- buttons on GtkVolumeButton popup &:hover { @extend %undecorated_button; background-color: transparentize($fg_color,0.9); - border-radius: 5px; + //border-radius: 5px; } - &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} + //&:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} } } @@ -4287,120 +3565,156 @@ colorchooser .popover.osd { border-radius: 5px; } *********************/ decoration { border-radius: $window_radius $window_radius 0 0; - // lamefun trick to get rounded borders regardless of CSD use - border-width: 0px; + //unfortunately some windows do not draw decoration borders, and I don't know why. + //Therefore, I'll use box-shadow, which is imperfect. + //border-width: $border_width*2; + //border-style: solid; + //@include relief($bg_color, raised, $titlebar_active_bg ); + box-shadow: 0 0 0 $border_width*2 lighten($titlebar_active_bg, 10%), + $border_width $border_width 0 $border_width darken($titlebar_active_bg, 7%); // this needs to be transparent // see bug #722563 $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); - box-shadow: 0 3px 9px 1px transparentize(black, 0.5), - 0 0 0 1px $_wm_border; //doing borders with box-shadow + //box-shadow: 0 3px 9px 1px transparentize(black, 0.5), + // 0 0 0 1px $_wm_border; //doing borders with box-shadow // FIXME rationalize shadows // this is used for the resize cursor area - margin: 10px; + margin: $border_width*4; &:backdrop { // the transparent shadow here is to enforce that the shadow extents don't // change when we go to backdrop, to prevent jumping windows. // The biggest shadow should be in the same order then in the active state // or the jumping will happen during the transition. - box-shadow: 0 3px 9px 1px transparent, - 0 2px 6px 2px transparentize(black, 0.8), - 0 0 0 1px $_wm_border_backdrop; - transition: $backdrop_transition; + //box-shadow: 0 3px 9px 1px transparent, + // 0 2px 6px 2px transparentize(black, 0.8), + // 0 0 0 1px $_wm_border_backdrop; + //transition: $backdrop_transition; + //@include relief(transparent, raised, $titlebar_backdrop_bg ); + box-shadow: 0 0 0 $border_width*2 lighten($titlebar_backdrop_bg, 10%), + $border_width $border_width 0 $border_width darken($titlebar_backdrop_bg, 7%); } .maximized &, - .fullscreen & { border-radius: 0; box-shadow: none; } + .fullscreen & { border-radius: 0; box-shadow: none; border: none;} - .tiled &, - .tiled-top &, - .tiled-right &, - .tiled-bottom &, - .tiled-left & { - border-radius: 0; - box-shadow: 0 0 0 1px $_wm_border_backdrop, - 0 2px 6px 2px transparentize(black, 0.3), - 0 0 0 20px transparent; //transparent control workaround -- #3670 + //.tiled &, + //.tiled-top &, + //.tiled-right &, + //.tiled-bottom &, + //.tiled-left & { + // border-radius: 0; + // box-shadow: 0 0 0 1px $_wm_border_backdrop, + // 0 2px 6px 2px transparentize(black, 0.3), + // 0 0 0 20px transparent; //transparent control workaround -- #3670 - &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, - 0 2px 6px 2px transparentize(black, 0.6), - 0 0 0 20px transparent; // #3670 + // &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, + // 0 2px 6px 2px transparentize(black, 0.6), + // 0 0 0 20px transparent; // #3670 + // } + // } + + .popup & { + border-width: $border_width; + border-style: solid; + @include relief($bg_color, raised, $titlebar_backdrop_bg ); + box-shadow: none; } - } - - .popup & { box-shadow: none; } // server-side decorations as used by mutter // just doing borders, wm draws actual shadows - .ssd & { box-shadow: 0 0 0 1px $_wm_border; } - .ssd &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop; } + //.ssd & { box-shadow: 0 0 0 1px $_wm_border; } + //.ssd &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop; } - .csd.popup & { - border-radius: $menu_radius; - box-shadow: 0 1px 5px transparentize(black, 0.8), - 0 0 0 1px transparentize($_wm_border, 0.1); - } + //.csd.popup & { + // border-radius: $menu_radius; + // box-shadow: 0 1px 5px transparentize(black, 0.8), + // 0 0 0 1px transparentize($_wm_border, 0.1); + //} tooltip.csd & { - border-radius: 5px; - box-shadow: 0 3px 4px transparentize(black, 0.3); //none; + border-radius: 0px; + box-shadow: none; + //box-shadow: 0 3px 4px transparentize(black, 0.3); //none; } - messagedialog.csd & { - border-radius: $window_radius; - box-shadow: 0 1px 5px transparentize(black, 0.8), - 0 0 0 1px transparentize($_wm_border, 0.1); - } + //messagedialog.csd & { + // border-radius: $window_radius; + // box-shadow: 0 1px 5px transparentize(black, 0.8), + // 0 0 0 1px transparentize($_wm_border, 0.1); + //} - .solid-csd & { - margin: 0; - padding: 4px; - background-color: $borders_color; - border: solid 1px $borders_color; - border-radius: 0; - box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); + //.solid-csd & { //commented out because this theme already works well in non-compositing window managers. + // margin: 0; + // padding: 4px; + // background-color: $borders_color; + // border: solid 1px $borders_color; + // border-radius: 0; + // box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); - &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } - } + // &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } + //} } -// Window Close button +// Window buttons + +$close_bg_color: mix($error_color, $titlebar_active_bg, 50%); +$maximize_bg_color: mix($success_color, $titlebar_active_bg, 50%); +$minimize_bg_color: mix($warning_color, $titlebar_active_bg, 50%); + button.titlebutton { + + @extend %button_basic; + + //&:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} - &:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} - @include _button_text_shadow; + //&:not(.appmenu) { + // border-radius: 9999px; + // padding: $_hb_btn_pad; + // margin: 0 2px; + // min-width: 0; + // min-height: 0; + //} + - &:not(.appmenu) { - border-radius: 9999px; - padding: $_hb_btn_pad; - margin: 0 2px; - min-width: 0; - min-height: 0; - } - &.close { background-color: $error_color; color: white;} + &.close { + @include button(normal, $close_bg_color, $titlebar_active_fg); + &:hover { &, &:backdrop { @include button(hover, $close_bg_color, $titlebar_active_fg);}}//, $titlebar_active_fg); } } + &:active { &, &:backdrop { @include button(active, $close_bg_color, $titlebar_active_fg); } } + &:disabled { @include button(insensitive); } + &:backdrop { @include button(normal); } + } + + &.maximize { + @include button(normal, $maximize_bg_color, $titlebar_active_fg); + &:hover {&, &:backdrop {@include button(hover, $maximize_bg_color, $titlebar_active_fg);}} + &:active {&, &:backdrop {@include button(active,$maximize_bg_color, $titlebar_active_fg);}} + &:disabled {@include button(insensitive);} + &:backdrop {@include button(normal);} + } + + &.minimize { + @include button(normal, $minimize_bg_color, $titlebar_active_fg); + &:hover {&, &:backdrop {@include button(hover, $minimize_bg_color, $titlebar_active_fg);}} + &:active {&, &:backdrop {@include button(active, $minimize_bg_color, $titlebar_active_fg);}} + &:disabled {@include button(insensitive);} + &:backdrop {@include button(normal);} + } + .selection-mode & { @extend %selection_mode_button_flat; @extend %nobg_selected_items; } - &:backdrop { -gtk-icon-shadow: none; } -} - -.selection-mode headerbar button.titlebutton, -.selection-mode .titlebar button.titlebutton, -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - @include _button_text_shadow(white, $suggested_bg_color); - - &:backdrop { -gtk-icon-shadow: none; } + //&:backdrop { -gtk-icon-shadow: none; } } // catch all extend :) @@ -4429,19 +3743,16 @@ headerbar.selection-mode button.titlebutton, padding-left: 6px; padding-right: 6px; - color: $fg_color; - background-color: $base_color; - border: 1px solid; - border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + color: $text_color; + + border: $border_width solid; + @include relief($base_color); + border-bottom-width: 2 * $border_width; + //border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); border-radius: 5px; - box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + //box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); font-size: smaller; - &:backdrop { - background-color: $backdrop_base_color; - color: $backdrop_fg_color; - transition: $backdrop_transition; - } } :not(decoration):not(window):drop(active):focus, @@ -4492,29 +3803,26 @@ popover.emoji-picker { } button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; + //border-color: transparent; + border-width: $border_width; + border-style: solid; border-radius: 0; - + margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; - - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; + + @include button(undecorated); outline-offset: -5px; &:first-child { margin-left: 7px; } &:last-child { margin-right: 7px; } - &:backdrop:not(:checked) { border-color: transparent; } - &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); } - &:checked { border-color: $selected_bg_color; } + //&:backdrop:not(:checked) { border-color: transparent; } + &:hover { @include button(hover); } + &:checked { @include button(checked-active); } label { padding: 0; @@ -4532,7 +3840,7 @@ popover.emoji-picker .emoji { :hover { background: $selected_bg_color; - border-radius: 6px; + border-radius: $button_radius; } } @@ -4549,4 +3857,16 @@ popover.emoji-completion .emoji:hover { background: $popover_hover_color; } + + +statusbar { + padding: 2px 5px 2px 5px; + border-width: $border_width; + border-style: solid; + color: $hint_fg; + @include relief ($hint_bg, sunken); +} + + @import '../common/undershoot.scss'; +@import '../common/xfce.scss'; diff --git a/source/gtk3/_drawing.scss b/source/gtk3/_drawing.scss index 63bd44e..e862d28 100644 --- a/source/gtk3/_drawing.scss +++ b/source/gtk3/_drawing.scss @@ -6,6 +6,8 @@ $gtk: 3; +@import "../common/relief.scss"; + @function _widget_edge($c:$borders_edge) { // outer highlight "used" on most widgets @if $c == none { @return none; } @@ -34,94 +36,13 @@ $gtk: 3; @function entry_focus_shadow($fc:$selected_bg_color) { @return inset 0 0 0 1px $fc; } -@mixin entry($t, $fc:$selected_bg_color, $edge: none) { -// -// Entries drawing function -// -// $t: entry type -// $fc: focus color -// $edge: set to none to not draw the bottom edge or specify a color to not -// use the default one -// -// possible $t values: -// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; -// - $_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); - $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); - $_entry_edge: if($edge == none, none, _widget_edge($edge)); - $_hilight_color: _button_hilight_color($bg_color); +@import "../common/entry.scss"; + + - @if $t==normal { - color: $text_color; - border-color: $text_color;//$borders_color; - background-color: $base_color; - @include _shadows(entry_focus_shadow(transparentize($fc, 1)),inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge); - // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. - } - @if $t==focus { - @include _shadows(entry_focus_shadow($fc), inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge); - border-color: entry_focus_border($fc); - } - @if $t==insensitive { - color: $insensitive_fg_color; - border-color: $insensitive_fg_color; - background-color: $insensitive_bg_color; - box-shadow: $_entry_edge; - } - @if $t==backdrop { - color: $backdrop_text_color; - border-color: $backdrop_borders_color; - background-color: $backdrop_base_color; - box-shadow: $_blank_edge; - } - @if $t==backdrop-insensitive { - color: $backdrop_insensitive_color; - border-color: $backdrop_borders_color; - background-color: $insensitive_bg_color; - box-shadow: $_blank_edge; - } - @if $t==osd { - color: $osd_text_color; - border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - @include _shadows($_entry_shadow);; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - } - @if $t==osd-focus { - color: $osd_text_color; - border-color: $selected_bg_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - @include _shadows(entry_focus_shadow($fc), $_entry_shadow); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - } - @if $t==osd-insensitive { - color: $osd_insensitive_fg_color; - border-color: $osd_borders_color; - background-color: $osd_insensitive_bg_color; - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - } - @if $t==osd-backdrop { - color: $osd_text_color; - border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - } -} // buttons - - @import "../common/buttons.scss"; diff --git a/source/gtk3/gtk-new.css b/source/gtk3/gtk-new.css index 4983107..66f1623 100644 --- a/source/gtk3/gtk-new.css +++ b/source/gtk3/gtk-new.css @@ -1,104 +1,84 @@ /*Usually an automatic fg color on these backgrounds should check this value!*/ /*************************** Check and Radio buttons * */ /*************************** Check and Radio buttons * */ -calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #b0dd7e; } +calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { background-color: #669900; } -.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #000000; } +.selection-mode button.titlebutton, label:selected, calendar:selected, row:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, entry selection, flowbox flowboxchild:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { color: #d1ff96; } -label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #586f3f; } +label:disabled selection, .selection-mode button.titlebutton:disabled, label:disabled:selected, calendar:disabled:selected, row:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, flowbox flowboxchild:disabled:selected, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, .view:disabled:selected, iconview:disabled:selected, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected { color: #9ccc4b; } -label:backdrop selection, .selection-mode button.titlebutton:backdrop, label:backdrop:selected, calendar:backdrop:selected, row:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, flowbox flowboxchild:backdrop:selected, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, .view:backdrop:selected, iconview:backdrop:selected, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected { color: #1d1b22; background-color: rgba(174, 180, 167, 0.7); } - -label:backdrop selection:disabled, .selection-mode button.titlebutton:backdrop:disabled, label:backdrop:disabled:selected, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected { color: #84a362; } - -* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #990000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #b0dd7e; } +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #CC0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 0px; -gtk-secondary-caret-color: #669900; } /*************** Base States * */ -.background { color: #241f31; background-color: #a7a7a7; } - -.background:backdrop { color: #66636c; background-color: #a7a7a7; text-shadow: none; -gtk-icon-shadow: none; } +.background { color: #EDF0F5; background-color: #3f3e3e; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } -.gtkstyle-fallback { color: #241f31; background-color: #a7a7a7; } +.gtkstyle-fallback { color: #EDF0F5; background-color: #3f3e3e; } -.gtkstyle-fallback:hover { color: #241f31; background-color: #c1c1c1; } +.gtkstyle-fallback:hover { color: #EDF0F5; background-color: #595757; } -.gtkstyle-fallback:active { color: #241f31; background-color: #8e8e8e; } +.gtkstyle-fallback:active { color: #EDF0F5; background-color: #252525; } -.gtkstyle-fallback:disabled { color: #552222; background-color: #938989; } +.gtkstyle-fallback:disabled { color: #7c675a; background-color: #493e37; } -.gtkstyle-fallback:selected { color: #000000; background-color: #b0dd7e; } +.gtkstyle-fallback:selected { color: #d1ff96; background-color: #669900; } -.view, iconview, .view text, iconview text, textview text { color: #241f31; background-color: #908f8d; } +.view, iconview, .view text, iconview text, textview text { color: #EDF0F5; background-color: #323232; } -.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #393543; background-color: #8d8c8a; } +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #7c675a; background-color: #493e37; } -.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #818181; } +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 0px; } -.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #552222; background-color: #938989; } +textview border { background-color: #393838; } -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } - -textview border { background-color: #9c9b9a; } - -.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #97d256; background-color: rgba(151, 210, 86, 0.2); } +.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #446600; background-color: rgba(68, 102, 0, 0.2); } flowbox flowboxchild { padding: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } -.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } -.content-view .tile:backdrop { background-color: transparent; } +.content-view .tile:active, .content-view .tile:selected { background-color: #669900; } -.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } - -.content-view .tile:disabled { background-color: transparent; } +.content-view .tile:disabled { background-color: #493e37; } label { caret-color: currentColor; } -label selection { background-color: #b0dd7e; color: #000000; } +label selection { background-color: #669900; color: #d1ff96; } -label:disabled { color: #552222; } +label:disabled { color: #7c675a; } button label:disabled { color: inherit; } -label:disabled:backdrop { color: #818181; } +label.error { color: #CC0000; } -button label:disabled:backdrop { color: inherit; } - -label.error { color: #990000; } - -label.error:disabled { color: rgba(153, 0, 0, 0.5); } - -label.error:disabled:backdrop { color: rgba(153, 0, 0, 0.4); } +label.error:disabled { color: #7c665a; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } -assistant .sidebar { background-color: #908f8d; border-top: 1px solid #797979; } - -assistant .sidebar:backdrop { background-color: #8d8c8a; border-color: #828282; } +assistant .sidebar { background-color: #323232; border-top: 1px solid #252525; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } -assistant .sidebar label.highlight { background-color: #8d8c8f; } +assistant .sidebar label.highlight { background-color: #626263; } -.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #002269; border: 1px solid #002269; background-color: rgba(103, 137, 180, 0.7); background-clip: padding-box; } +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #66cbec; border-width: 2px; border-style: solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } /********************* Spinner Animation * */ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } -spinner:backdrop { color: #66636c; } +spinner:backdrop { color: #EDF0F5; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } -spinner:checked:disabled { opacity: 0.5; color: #552222; } +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } /********************** General Typography * */ .large-title { font-weight: 300; font-size: 24pt; } @@ -120,7 +100,7 @@ spinner:checked:disabled { opacity: 0.5; color: #552222; } .caption { font-weight: 400; font-size: 9pt; } /**************** Text Entries * */ -spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 0 0 1px rgba(176, 221, 126, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 1px; padding-right: 1px; border: 2px solid; border-radius: 0px; transition: none; color: #EDF0F5; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } @@ -128,272 +108,228 @@ spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; padding-left: 1px; padding-right: 1px; background-color: transparent; border-color: transparent; border-radius: 0; } -spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #b0dd7e, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #b0dd7e; } +spinbutton:focus:not(.vertical), entry:focus { background-color: #323232; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #552222; background-color: #938989; box-shadow: none; } +spinbutton:disabled:not(.vertical), entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -spinbutton:backdrop:not(.vertical), entry:backdrop { color: #393543; border-color: #828282; background-color: #8d8c8a; box-shadow: none; transition: 200ms ease-out; } +spinbutton.error:not(.vertical), entry.error { color: #CC0000; border-color: #CC0000; } -spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #818181; border-color: #828282; background-color: #938989; box-shadow: none; } +spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: #323232; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -spinbutton.error:not(.vertical), entry.error { color: #990000; border-color: #990000; } +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #CC0000; } -spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #990000, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #990000; } +spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } -spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #990000; } +spinbutton.warning:focus:not(.vertical), entry.warning:focus { background-color: #323232; border-left-color: #c26000; border-top-color: #c26000; border-right-color: #ffa043; border-bottom-color: #ffa043; } -spinbutton.warning:not(.vertical), entry.warning { color: #938989; border-color: #938989; } +spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } -spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #938989, inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-color: #938989; } +spinbutton:not(.vertical) image, entry image { color: #c8cace; } -spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #938989; } +spinbutton:not(.vertical) image:hover, entry image:hover { color: #EDF0F5; } -spinbutton:not(.vertical) image, entry image { color: #3a3543; } +spinbutton:not(.vertical) image:active, entry image:active { color: #669900; } -spinbutton:not(.vertical) image:hover, entry image:hover { color: #241f31; } +spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -spinbutton:not(.vertical) image:active, entry image:active { color: #b0dd7e; } +.osd spinbutton:not(.vertical), .osd entry { color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #6e6b72; } +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #66cbec; background-color: #203d79; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -.osd spinbutton:not(.vertical), .osd entry { color: #002269; border-color: #002269; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #002269; border-color: #b0dd7e; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #b0dd7e, 0 1px 2px rgba(0, 0, 0, 0.4); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: #002269; border-color: #002269; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #34568f; border-color: #002269; background-color: rgba(93, 127, 173, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #b0dd7e; border-style: solid; box-shadow: none; } +spinbutton:not(.vertical) progress, entry progress { margin: 2px 2px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #669900; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:dir(rtl):not(.vertical), .linked:not(.vertical) > spinbutton:dir(ltr):not(.vertical), .linked:not(.vertical) > entry:dir(rtl), .linked:not(.vertical) > entry:dir(ltr), .linked:not(.vertical) > entry:first-child:dir(rtl), .linked:not(.vertical) > entry:first-child:dir(ltr), .linked:not(.vertical) > entry:last-child:dir(rtl), .linked:not(.vertical) > entry:last-child:dir(ltr), .linked:not(.vertical) > entry:only-child:dir(rtl), .linked:not(.vertical) > entry:only-child:dir(ltr) { border-radius: 0px; } +spinbutton.error:not(.vertical), entry.error { color: #CC0000; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #b0dd7e; } +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #323232; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #990000; } +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } +treeview entry.flat:focus, treeview entry:focus { border-color: #669900; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #898887; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #8a8988; } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #898887; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #b0dd7e; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #990000; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } - -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #b0dd7e; } - -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #990000; } - -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } - -spinbutton.error:not(.vertical), entry.error { color: #990000; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #908f8d; transition-property: color, background; } - -treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #908f8d; } - -treeview entry.flat:focus, treeview entry:focus { border-color: #b0dd7e; } - -.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #000000; background-color: #b0dd7e; } +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #323232; background-color: #909194; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } -.entry-tag:hover { background-color: #c9e8a6; } +.entry-tag:hover { background-color: #aaabad; } -:backdrop .entry-tag { color: #8d8c8a; background-color: #b0dd7e; } +.entry-tag.button { background-color: transparent; color: rgba(50, 50, 50, 0.7); } -.entry-tag.button { background-color: transparent; color: rgba(0, 0, 0, 0.7); } +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #909194; color: #323232; } -:not(:backdrop) .entry-tag.button:hover { border: 1px solid #b0dd7e; color: #000000; } - -:not(:backdrop) .entry-tag.button:active { background-color: #b0dd7e; color: rgba(0, 0, 0, 0.7); } +:not(:backdrop) .entry-tag.button:active { background-color: #909194; color: rgba(50, 50, 50, 0.7); } /****************************************************** Buttons * */ -@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#938989), to(transparent)); } - to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#b0dd7e), to(transparent)); } } +@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); } + to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#669900), to(transparent)); } } -button.titlebutton, scrollbar slider, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +button.titlebutton, scrollbar slider, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, calendar.button, button { min-height: 24px; min-width: 16px; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -button.titlebutton:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button, notebook > header > tabs > arrow, scrollbar slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } +button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, scrollbar slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), calendar.flat.button:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } -scrollbar slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#bcbeb9, 1.1); -gtk-icon-effect: highlight; } +scrollbar slider:hover, notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, calendar.button:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-effect: highlight; } -scrollbar slider:active, notebook > header > tabs > arrow:active, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } +scrollbar slider:active, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, calendar.button:active, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; } -scrollbar slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #b0dd7e; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } +scrollbar slider:checked, notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, calendar.button:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#b0dd7e, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), calendar.button:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } -scrollbar slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; -gtk-icon-effect: none; } +scrollbar slider:disabled, notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, calendar.button:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.titlebutton:backdrop:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, scrollbar slider.flat:backdrop, scrollbar slider.flat:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +scrollbar slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, calendar.button:disabled:active, calendar.button:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.titlebutton:disabled:not(:hover):not(:active):not(:checked):not(:disabled), button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, scrollbar slider.flat:disabled, button.flat:disabled, button.flat:backdrop:disabled { background-color: #938989; } +scrollbar slider.image-button, notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, calendar.image-button.button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } -scrollbar slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +scrollbar slider.text-button, notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, calendar.text-button.button, button.text-button { padding-left: 16px; padding-right: 16px; } -scrollbar slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #979687; } +scrollbar slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, calendar.text-button.image-button.button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -scrollbar slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } +scrollbar slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, calendar.text-button.image-button.button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -scrollbar slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +combobox:drop(active) button.combo, scrollbar slider:drop(active), notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), calendar.button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -scrollbar slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected calendar.flat.button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #d1ff96; border-color: transparent; } -scrollbar slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected calendar.flat.button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #EDF0F5; } -combobox:drop(active) button.combo, scrollbar slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +calendar.osd.button, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 0; border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; box-shadow: none; } -row:selected button { border-color: #8bcd41; } +calendar.osd.image-button.button, button.osd.image-button { min-width: 34px; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } +calendar.osd.button:hover, button.osd:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; box-shadow: none; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #8d8c8a; } +calendar.osd.button:active, calendar.osd.button:checked, button.osd:active, button.osd:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; box-shadow: none; } -button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border: none; box-shadow: none; } +calendar.osd.button:disabled, button.osd:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.osd.image-button { min-width: 34px; } +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd calendar.button, .osd button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -button.osd:hover { border: none; box-shadow: none; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd calendar.button:hover, .osd button:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -button.osd:active, button.osd:checked { border: none; box-shadow: none; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd calendar.button:active, .osd calendar.button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -button.osd:disabled:backdrop, button.osd:disabled { border: none; } +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd calendar.button:disabled, .osd button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.osd:backdrop { border: none; } +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd calendar.flat.button, .osd button.flat { box-shadow: none; } -.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #002269; background-color: rgba(103, 137, 180, 0.7); border-color: #002269; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd calendar.flat.button:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd calendar.flat.button:hover, .osd button.flat:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd calendar.flat.button:disabled, .osd button.flat:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; background-color: #493e37; background-image: none; border-color: transparent; box-shadow: none; } -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd calendar.flat.button:active, .osd calendar.flat.button:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { background-image: none; } +calendar.suggested-action.button, button.suggested-action { border-width: 2px; color: white; background-color: #26ab62; border-left-color: #48d688; border-top-color: #48d688; border-right-color: #1d814a; border-bottom-color: #1d814a; } -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } +calendar.suggested-action.flat.button, button.suggested-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #26ab62; } -.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +calendar.suggested-action.button:hover, button.suggested-action:hover { border-width: 2px; background-color: #2bbf6e; border-left-color: #5dda95; border-top-color: #5dda95; border-right-color: #229656; border-bottom-color: #229656; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +calendar.suggested-action.button:active, calendar.suggested-action.button:checked, button.suggested-action:active, button.suggested-action:checked { border-width: 2px; background-color: #26ab62; border-left-color: #1d814a; border-top-color: #1d814a; border-right-color: #48d688; border-bottom-color: #48d688; } -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; background-color: #938989; background-image: none; border-color: transparent; box-shadow: none; } +calendar.suggested-action.flat.button:backdrop, calendar.suggested-action.flat.button:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(38, 171, 98, 0.8); } -.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +calendar.suggested-action.button:disabled, button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +calendar.suggested-action.button:disabled:active, calendar.suggested-action.button:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.suggested-action { color: black; background-color: #b0dd7e; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.osd calendar.suggested-action.button, .osd button.suggested-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #b0dd7e; } +.osd calendar.suggested-action.button:hover, .osd button.suggested-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -button.suggested-action:hover { background-color: shade(#b0dd7e, 1.1); } +.osd calendar.suggested-action.button:active, .osd calendar.suggested-action.button:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.osd calendar.suggested-action.button:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.suggested-action:backdrop, button.suggested-action.flat:backdrop { background-image: none; } +calendar.destructive-action.button, button.destructive-action { border-width: 2px; color: white; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(176, 221, 126, 0.8); } +calendar.destructive-action.flat.button, button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } -button.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +calendar.destructive-action.button:hover, button.destructive-action:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #979687; } +calendar.destructive-action.button:active, calendar.destructive-action.button:checked, button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -button.destructive-action { color: white; background-color: #990000; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); } +calendar.destructive-action.flat.button:backdrop, calendar.destructive-action.flat.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } -button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +calendar.destructive-action.button:disabled, button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.destructive-action:hover { background-color: shade(#990000, 1.1); } +calendar.destructive-action.button:disabled:active, calendar.destructive-action.button:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.osd calendar.destructive-action.button, .osd button.destructive-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -button.destructive-action:backdrop, button.destructive-action.flat:backdrop { background-image: none; } +.osd calendar.destructive-action.button:hover, .osd button.destructive-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +.osd calendar.destructive-action.button:active, .osd calendar.destructive-action.button:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -button.destructive-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.osd calendar.destructive-action.button:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #979687; } +.stack-switcher > calendar.button, .stack-switcher > button { outline-offset: -3px; } -.stack-switcher > button { outline-offset: -3px; } +.stack-switcher > calendar.button > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } -.stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } +.stack-switcher > calendar.button > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } -.stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } +.stack-switcher > calendar.text-button.button, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } -.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } +.stack-switcher > calendar.image-button.button, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } -.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } +.stack-switcher > calendar.needs-attention.button:active > label, .stack-switcher > calendar.needs-attention.button:active > image, .stack-switcher > calendar.needs-attention.button:checked > label, .stack-switcher > calendar.needs-attention.button:checked > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } -.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } +calendar.font.button > box > box > label, button.font > box > box > label { font-weight: bold; } -button.font separator, button.file separator { background-color: transparent; } +.primary-toolbar calendar.button, .primary-toolbar button { -gtk-icon-shadow: none; } -button.font > box > box > label { font-weight: bold; } +calendar.circular.button, button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ } -.primary-toolbar button { -gtk-icon-shadow: none; } +calendar.circular.button label, button.circular label { padding: 0; } -button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 2px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } +calendar.circular.button:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled) { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -button.circular label { padding: 0; } +calendar.circular.button:hover:not(.osd):not(:checked):not(:active):not(:disabled), button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled) { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +stacksidebar row.needs-attention > label, .stack-switcher > calendar.needs-attention.button > label, .stack-switcher > calendar.needs-attention.button > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } -button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); } +stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > calendar.needs-attention.button > label:dir(rtl), .stack-switcher > calendar.needs-attention.button > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } -stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#938989), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } +.inline-toolbar toolbutton > button { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } +.inline-toolbar toolbutton > button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; } -.inline-toolbar toolbutton > button { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.inline-toolbar toolbutton > button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.inline-toolbar toolbutton > button:hover { background-color: shade(#bcbeb9, 1.1); } +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .inline-toolbar calendar.button, .inline-toolbar button, .linked > calendar.button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } -.inline-toolbar toolbutton > button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .inline-toolbar calendar.button:first-child, .inline-toolbar button:first-child, .linked > calendar.button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 0px; border-bottom-left-radius: 0px; -gtk-outline-top-left-radius: 0px; -gtk-outline-bottom-left-radius: 0px; } -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #552222; background-color: #979687; } +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .inline-toolbar calendar.button:last-child, .inline-toolbar button:last-child, .linked > calendar.button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -gtk-outline-top-right-radius: 0px; -gtk-outline-bottom-right-radius: 0px; } -.inline-toolbar toolbutton > button:backdrop { background-image: none; } +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .inline-toolbar calendar.button:only-child, .inline-toolbar button:only-child, .linked > calendar.button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 0px; -gtk-outline-radius: 0px; } -.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; } +.linked.vertical > combobox > box > button.combo, .linked.vertical > calendar.button, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } -.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; } +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > calendar.button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; -gtk-outline-top-left-radius: 0px; -gtk-outline-top-right-radius: 0px; } -.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > calendar.button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -gtk-outline-bottom-left-radius: 0px; -gtk-outline-bottom-right-radius: 0px; } -.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > calendar.button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 0px; -gtk-outline-radius: 0px; } -.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; } - -.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; } - -.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; } - -.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; } - -.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.scale-popup button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ -modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 0px; outline-offset: -2px; } -modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #b4b4b4; } +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #4c4b4b; } modelbutton.flat arrow { background: none; } @@ -405,42 +341,28 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symboli button.color { padding: 4px; } -button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } -.osd button.color colorswatch:only-child { box-shadow: none; } - -.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } - /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ -list row button.image-button:not(.flat) { border: 1px solid rgba(121, 121, 121, 0.5); } - -list row button.image-button:not(.flat):hover { background-color: shade(#bcbeb9, 1.1); } - -list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - /********* Links * */ -button:link > label, button:visited > label, button:link, button:visited, *:link { color: #004B91; } +button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; } -button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #680091; } +button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #dc8add; } -*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #2a003a; } +*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #d5d0b2; } -button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #0065c4; } +button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #c6dcf7; } -*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #000a14; } +*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #d0fca0; } -button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #004B91; } +button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #99c1f1; } -*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #000f1d; } +*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #c6f3a8; } -button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(73, 73, 73, 0.8); } +button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(197, 197, 197, 0.8); } -button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 75, 145, 0.9); } - -.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #000f1d; } +.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #c6f3a8; } button:link, button:visited { text-shadow: none; } @@ -455,27 +377,25 @@ spinbutton:not(.vertical) { padding: 0; } .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } -spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } - spinbutton:not(.vertical) button { padding: 0; } -.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-style: none none none solid; border-color: rgba(0, 34, 105, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } +.osd spinbutton:not(.vertical) button { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } -.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: rgba(0, 34, 105, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } +.osd spinbutton:not(.vertical) button:hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(102, 203, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } -.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } +.osd spinbutton:not(.vertical) button:backdrop { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; } -.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #34568f; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } +.osd spinbutton:not(.vertical) button:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #7c675a; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; } -.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } +.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 0px 0px 0; } -.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } +.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 0px 0 0 0px; } -spinbutton.vertical:disabled { color: #552222; } +spinbutton.vertical:disabled { color: #7c675a; } -spinbutton.vertical:backdrop:disabled { color: #818181; } +spinbutton.vertical:backdrop:disabled { color: #493e37; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } @@ -483,13 +403,21 @@ spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; borde spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } -spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } +spinbutton.vertical button.up { border-radius: 0px 0px 0 0; } -spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } +spinbutton.vertical button.down { border-radius: 0 0 0px 0px; } + +.osd spinbutton.vertical button:first-child { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd spinbutton.vertical button:first-child:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd spinbutton.vertical button:first-child:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd spinbutton.vertical button:first-child:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } -treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } +treeview spinbutton:not(.vertical) entry { min-height: 0; } /************** ComboBoxes * */ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } @@ -497,13 +425,13 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig combobox:drop(active) { box-shadow: none; } /************ Toolbars * */ -searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #a7a7a7; } +searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #3f3e3e; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } -toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(103, 137, 180, 0.7); } +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #203d79; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } @@ -513,72 +441,68 @@ toolbar.vertical separator { margin: 6px 1px 7px 0; } toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; } -.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } +.inline-toolbar { padding: 3px; } -searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } +searchbar > revealer > box, .location-bar { padding: 3px; } searchbar > revealer > box { margin: -6px; padding: 6px; } -.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #797979; background-color: #999999; } - -.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #828282; background-color: #9a9a9a; box-shadow: none; transition: 200ms ease-out; } +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; background-color: #373636; } /*************** Header bars * */ -.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #6a6a6a; border-radius: 0; background: #8e8e8e linear-gradient(to top, #888888, #909090); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 40px; border: none; border-radius: 0px; background-color: #669900; color: #d1ff96; border: none; /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } -.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #828282; background-color: #a7a7a7; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; } +.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } -.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #000000; border-color: #8bcd41; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #b0dd7e linear-gradient(to top, #abdb76, #b2de82); box-shadow: inset 0 1px rgba(208, 235, 178, 0.9); } +.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #d1ff96; background-color: #26ab62; } -.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #b0dd7e; background-image: none; box-shadow: inset 0 1px rgba(216, 238, 191, 0.88); } +.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #26ab62; } -.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #000000; } +.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #d1ff96; } -.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #b0dd7e; border-color: #000000; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { border-width: 2px; color: #d1ff96; background-color: #26ab62; border-left-color: #48d688; border-top-color: #48d688; border-right-color: #1d814a; border-bottom-color: #1d814a; } -.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { background-color: shade(#b0dd7e, 1.1); } +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { border-width: 2px; background-color: #2bbf6e; border-left-color: #5dda95; border-top-color: #5dda95; border-right-color: #229656; border-bottom-color: #229656; } -.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { border-width: 2px; background-color: #26ab62; border-left-color: #1d814a; border-top-color: #1d814a; border-right-color: #48d688; border-bottom-color: #48d688; } -.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-width: 2px; -gtk-icon-effect: none; border-color: black; } -.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-width: 2px; border-color: black; } -.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #552222; background-color: #979687; } +.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { background-color: shade(#bcbeb9, 1.1); border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-image: none; border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #8bcd41; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-width: 2px; border-color: black; } -.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(176, 221, 126, 0); background-color: rgba(176, 221, 126, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } +.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(38, 171, 98, 0); background-color: rgba(38, 171, 98, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; } - -.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } +.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(209, 255, 150, 0.5); -gtk-icon-shadow: none; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } @@ -594,25 +518,23 @@ headerbar switch { margin-top: 7px; margin-bottom: 7px; } headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } -.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; } +.background .titlebar:backdrop, .background .titlebar { border-radius: 0; } -.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 0px; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } +window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 0px; } -window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } -.titlebar:not(headerbar) separator { background-color: #797979; } +.titlebar:not(headerbar) separator { background-color: #252525; } -window.devel headerbar.titlebar:not(.selection-mode) { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(176, 221, 126, 0.2)), linear-gradient(to top, #868686, #8e8e8e 3px, #9d9d9d); } +window.devel headerbar.titlebar:not(.selection-mode) { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(102, 153, 0, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } -window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#a7a7a7); /* background-color would flash */ } +window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } /************ Pathbars * */ .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } @@ -628,114 +550,90 @@ window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #a7a .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** Tree Views * */ -treeview.view { border-left-color: #5a575f; border-top-color: #a7a7a7; } +treeview.view { border-left-color: #909194; border-top-color: #3f3e3e; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } -treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #586f3f; border-top-color: rgba(36, 31, 49, 0.1); } +treeview.view:selected { border-left-color: #9ccc4b; border-top-color: rgba(237, 240, 245, 0.1); } -treeview.view:disabled { color: #552222; } +treeview.view:disabled { color: #7c675a; } -treeview.view:disabled:selected { color: #6a854c; } +treeview.view:disabled:selected { color: #91c23c; } -treeview.view:disabled:selected:backdrop { color: #84a362; } +treeview.view:disabled:selected:backdrop { color: #86b82d; } -treeview.view:disabled:backdrop { color: #818181; } +treeview.view:disabled:backdrop { color: #493e37; } -treeview.view.separator { min-height: 2px; color: #a7a7a7; } +treeview.view.separator { min-height: 2px; color: #3f3e3e; } -treeview.view.separator:backdrop { color: rgba(167, 167, 167, 0.1); } - -treeview.view:backdrop { border-left-color: #87858a; border-top: #a7a7a7; } - -treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #8bcd41; } +treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: black; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } -treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #44414d; } +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -treeview.view.expander:hover { color: #241f31; } +treeview.view.expander:hover { color: #EDF0F5; } -treeview.view.expander:selected { color: #354226; } +treeview.view.expander:selected { color: #b1e069; } -treeview.view.expander:selected:hover { color: #000000; } - -treeview.view.expander:selected:backdrop { color: #49553e; } +treeview.view.expander:selected:hover { color: #d1ff96; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -treeview.view.expander:backdrop { color: #726f75; } +treeview.view.expander:disabled, treeview.view.expander:disabled:checked { color: #7c675a; } -treeview.view.progressbar { color: #908f8d; background-color: #b0dd7e; background-image: image(#b0dd7e); box-shadow: none; } +treeview.view.progressbar { background-color: #669900; background-image: image(#669900); box-shadow: none; } -treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #b0dd7e; background-image: image(#908f8d); } +treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#323232); } -treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #b0dd7e; background-color: #8d8c8a; } +treeview.view.trough { background-color: rgba(237, 240, 245, 0.1); } -treeview.view.progressbar:backdrop { color: #8d8c8a; background-image: none; box-shadow: none; } +treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #446600; } -treeview.view.trough { background-color: rgba(36, 31, 49, 0.1); } +treeview.view header button { text-shadow: none; box-shadow: none; } -treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } +treeview.view header button:hover { box-shadow: none; transition: none; } -treeview.view header button { color: #5a575f; background-color: #908f8d; font-weight: bold; text-shadow: none; box-shadow: none; } +treeview.view header button:active { transition: none; } -treeview.view header button:hover { color: #3f3b48; box-shadow: none; transition: none; } +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #323232; background-image: none; background-color: #669900; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #323232; text-shadow: none; transition: none; } -treeview.view header button:active { color: #241f31; transition: none; } +treeview.view acceleditor > label { background-color: #669900; } -treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #908f8d; background-image: none; background-color: #b0dd7e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #908f8d; text-shadow: none; transition: none; } +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-radius: 0; text-shadow: none; } -treeview.view acceleditor > label { background-color: #b0dd7e; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #7e7d7d; border-radius: 0; text-shadow: none; } - -treeview.view header button:disabled { border-color: #a7a7a7; background-image: none; background-color: #938989; color: #552222; } - -treeview.view header button:backdrop { border-color: #a7a7a7; border-style: none solid solid none; background-image: none; background-color: #8d8c8a; } - -treeview.view header button:backdrop:disabled { border-color: #a7a7a7; background-image: none; background-color: #938989; color: #552222; } - -treeview.view header button:last-child { border-right-style: none; } +treeview.view header button:disabled { background-image: none; background-color: #493e37; color: #7c675a; } /********* Menus * */ -menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - -menubar:backdrop, .menubar:backdrop { background-color: #a7a7a7; } +menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; } -menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; } +menubar > menuitem:hover, .menubar > menuitem:hover { color: #d1ff96; background-color: #669900; } -menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #552222; box-shadow: none; } +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7c675a; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; } .background.popup { background-color: transparent; } -menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #908f8d; border: 1px solid #797979; } +menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; border: 2px solid; color: #EDF0F5; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; border: 2px solid; } -.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } - -menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #8d8c8a; } +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 0px; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } -menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #000000; background-color: #b0dd7e; } +menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #d1ff96; background-color: #669900; } -menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #552222; } - -menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #818181; } - -menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #66636c; background-color: transparent; } +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7c675a; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } @@ -745,15 +643,15 @@ menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menui menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } -menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #908f8d; border-radius: 0; } +menu > arrow, .menu > arrow, .context-menu > arrow { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #323232; border-radius: 0; } -menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #858484; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #454546; border-top-right-radius: 0px; border-top-left-radius: 0px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #858484; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #454546; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #858484; } +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #454546; } -menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #8d8c8a; } +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #353434; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } @@ -766,13 +664,9 @@ menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** Popovers * */ -popover.background { padding: 2px; background-color: #a7a7a7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } +popover.background { padding: 2px; border: 2px solid; color: #EDF0F5; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -.csd popover.background, popover.background { border: 1px solid #797979; border-radius: 9px; } - -.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); } - -popover.background:backdrop { background-color: #a7a7a7; box-shadow: none; } +.csd popover.background, popover.background { border: 2px solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } @@ -783,182 +677,130 @@ popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* Notebooks * */ -notebook > header { padding: 1px; border-color: #797979; border-width: 1px; background-color: #909090; } +notebook, notebook.frame { border-width: 2px; border-style: solid; background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; } -notebook > header:backdrop { border-color: #828282; background-color: #9a9a9a; } +notebook > header, notebook.frame > header { border: 0 solid; background-color: #3f3e3e; background-color: #3f3e3e; border-left-color: #252525; border-top-color: #252525; border-right-color: #666464; border-bottom-color: #666464; margin: -2px; } -notebook > header tabs { margin: -1px; } +notebook > header tabs, notebook.frame > header tabs { border-width: 0px; border-style: none; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; background-color: #3f3e3e; } -notebook > header.top { border-bottom-style: solid; } +notebook > header.top, notebook.frame > header.top { border-bottom-width: 2px; } -notebook > header.top > tabs { margin-bottom: -2px; } +notebook > header.top > tabs, notebook.frame > header.top > tabs { margin-top: 2px; } -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #797979; } +notebook > header.top > tabs > tab, notebook.frame > header.top > tabs > tab { border-bottom: none; margin-top: 2px; } -notebook > header.top > tabs > tab:backdrop { box-shadow: none; } +notebook > header.top > tabs > tab:checked, notebook.frame > header.top > tabs > tab:checked { margin-bottom: -2px; } -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #b0dd7e; } +notebook > header.bottom, notebook.frame > header.bottom { border-top-width: 2px; } -notebook > header.bottom { border-top-style: solid; } +notebook > header.bottom > tabs, notebook.frame > header.bottom > tabs { margin-bottom: 2px; } -notebook > header.bottom > tabs { margin-top: -2px; } +notebook > header.bottom > tabs > tab, notebook.frame > header.bottom > tabs > tab { border-top: none; margin-bottom: 2px; } -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #797979; } +notebook > header.bottom > tabs > tab:checked, notebook.frame > header.bottom > tabs > tab:checked { margin-top: -2px; } -notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } +notebook > header.left, notebook.frame > header.left { border-right-width: 2px; } -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #b0dd7e; } +notebook > header.left > tabs > tab, notebook.frame > header.left > tabs > tab { border-right: none; margin-left: 2px; } -notebook > header.left { border-right-style: solid; } +notebook > header.left > tabs > tab:checked, notebook.frame > header.left > tabs > tab:checked { margin-right: -2px; padding-right: 12px; } -notebook > header.left > tabs { margin-right: -2px; } +notebook > header.right, notebook.frame > header.right { border-left-width: 2px; } -notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #797979; } +notebook > header.right > tabs > tab, notebook.frame > header.right > tabs > tab { border-left: none; margin-right: 2px; } -notebook > header.left > tabs > tab:backdrop { box-shadow: none; } +notebook > header.right > tabs > tab:checked, notebook.frame > header.right > tabs > tab:checked { margin-left: -2px; padding-left: 12px; } -notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #b0dd7e; } - -notebook > header.right { border-left-style: solid; } - -notebook > header.right > tabs { margin-left: -2px; } - -notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #797979; } - -notebook > header.right > tabs > tab:backdrop { box-shadow: none; } - -notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #b0dd7e; } - -notebook > header.top > tabs > arrow { border-top-style: none; } - -notebook > header.bottom > tabs > arrow { border-bottom-style: none; } - -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } +notebook > header.top > tabs > arrow, notebook.frame > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow, notebook.frame > header.bottom > tabs > arrow { padding: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -notebook > header.left > tabs > arrow { border-left-style: none; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow { border-left-style: none; } -notebook > header.right > tabs > arrow { border-right-style: none; } +notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { border-right-style: none; } -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow, notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow { min-height: 1em; min-width: 1em; border-radius: 0; } -notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop), notebook.frame > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; box-shadow: none; } -notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled { border-width: 2px; } -notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; border-width: 1px; border-color: transparent; } +notebook > header tab, notebook.frame > header tab { outline-offset: -5px; font-weight: normal; padding: 3px 10px; border-width: 2px; border-style: solid; border-radius: 0; color: #909194; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; margin: 0px; } -notebook > header tab:hover { color: #241f31; background-color: #9d9d9d; } +notebook > header tab:hover, notebook.frame > header tab:hover { color: #EDF0F5; background-color: #353434; } -notebook > header tab:hover.reorderable-page { border-color: rgba(121, 121, 121, 0.3); background-color: rgba(167, 167, 167, 0.2); } +notebook > header tab:checked, notebook.frame > header tab:checked { background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; color: #EDF0F5; } -notebook > header tab:backdrop { color: #807e84; } +notebook > header tab button.flat, notebook.frame > header tab button.flat { padding: 0; min-width: 1em; min-height: 1em; } -notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } +notebook > header tab button.flat:hover, notebook.frame > header tab button.flat:hover { color: currentColor; } -notebook > header tab:checked { color: #241f31; } +notebook > header tab button.flat, notebook > header tab button.flat:backdrop, notebook.frame > header tab button.flat, notebook.frame > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } -notebook > header tab:checked.reorderable-page { border-color: rgba(121, 121, 121, 0.5); background-color: rgba(167, 167, 167, 0.5); } +notebook > header tab button.flat:last-child, notebook.frame > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header tab:checked.reorderable-page:hover { background-color: rgba(167, 167, 167, 0.7); } +notebook > header tab button.flat:first-child, notebook.frame > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header tab:backdrop:checked { color: #66636c; } +notebook > header.top tabs, notebook > header.bottom tabs, notebook.frame > header.top tabs, notebook.frame > header.bottom tabs { padding-left: 2px; padding-right: 2px; } -notebook > header tab:backdrop:checked.reorderable-page { border-color: #828282; background-color: #a7a7a7; } +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child), notebook.frame > header.top tabs:not(:only-child), notebook.frame > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } -notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child, notebook.frame > header.top tabs:not(:only-child):first-child, notebook.frame > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } -notebook > header tab button.flat:hover { color: currentColor; } +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child, notebook.frame > header.top tabs:not(:only-child):last-child, notebook.frame > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } -notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } +notebook > header.top tabs tab, notebook > header.bottom tabs tab, notebook.frame > header.top tabs tab, notebook.frame > header.bottom tabs tab { margin-left: 2px; margin-right: 2px; } -notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +notebook > header.left tabs, notebook > header.right tabs, notebook.frame > header.left tabs, notebook.frame > header.right tabs { padding-top: 2px; padding-bottom: 2px; } -notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child), notebook.frame > header.left tabs:not(:only-child), notebook.frame > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } -notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child, notebook.frame > header.left tabs:not(:only-child):first-child, notebook.frame > header.right tabs:not(:only-child):first-child { margin-top: -1px; } -notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child, notebook.frame > header.left tabs:not(:only-child):last-child, notebook.frame > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } +notebook > header.left tabs tab, notebook > header.right tabs tab, notebook.frame > header.left tabs tab, notebook.frame > header.right tabs tab { margin-top: 2px; margin-bottom: 2px; } -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } +notebook > header.top tab, notebook.frame > header.top tab { padding-bottom: 4px; } -notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } +notebook > header.bottom tab, notebook.frame > header.bottom tab { padding-top: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } - -notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } - -notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } - -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } - -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } - -notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } - -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } - -notebook > header.top tab { padding-bottom: 4px; } - -notebook > header.bottom tab { padding-top: 4px; } - -notebook > stack:not(:only-child) { background-color: #908f8d; } - -notebook > stack:not(:only-child):backdrop { background-color: #8d8c8a; } +notebook > stack:not(:only-child), notebook.frame > stack:not(:only-child) { border: none; background-color: #393838; margin: 2px; } /************** Scrollbars * */ -scrollbar { background-color: #8d8c8f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +scrollbar { border: 2px solid; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; transition: none; } -* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } +* { -GtkScrollbar-has-backward-stepper: true; -GtkScrollbar-has-forward-stepper: true; } -scrollbar.top { border-bottom: 1px solid #797979; } +scrollbar slider { padding: 0; background-image: none; min-width: 10px; min-height: 10px; } -scrollbar.bottom { border-top: 1px solid #797979; } +scrollbar slider:hover { background-color: #5e675e; border-left-color: #838e83; border-top-color: #838e83; border-right-color: #464c46; border-bottom-color: #464c46; } -scrollbar.left { border-right: 1px solid #797979; } +scrollbar slider:hover:active { background-color: #88cc00; border-left-color: #b3ff1a; border-top-color: #b3ff1a; border-right-color: #669900; border-bottom-color: #669900; } -scrollbar.right { border-left: 1px solid #797979; } +scrollbar slider:disabled { background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scrollbar:backdrop { background-color: #9f9f9f; border-color: #828282; transition: 200ms ease-out; } - -scrollbar slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #585560; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -scrollbar slider:hover { background-color: #3e3a49; } - -scrollbar slider:hover:active { background-color: #97d256; } - -scrollbar slider:backdrop { background-color: #8d8c8f; } - -scrollbar slider:disabled { background-color: transparent; } - -scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #6789b4; } +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } -scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #585560; } +scrollbar button { padding: 0; min-width: 10px; min-height: 10px; border-style: solid; border-width: 2px; border-radius: 0; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; color: #EDF0F5; } -scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3e3a49; } +scrollbar button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; color: #5e675e; } -scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #97d256; } +scrollbar button:active, scrollbar button:checked { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; color: #88cc00; } -scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(88, 85, 96, 0.2); } - -scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #8d8c8f; } - -scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(141, 140, 143, 0.2); } +scrollbar button:disabled { border-width: 2px; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -968,57 +810,41 @@ scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-sym scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -treeview ~ scrollbar.vertical { border-top: 1px solid #797979; margin-top: -1px; } +scrollbar.overlay-indicator { opacity: 0.5; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #252525; margin-top: -1px; } /********** Switch * */ -switch { outline-offset: -4px; border: 1px solid #797979; border-radius: 14px; color: #241f31; background-color: #909090; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } +switch { outline-offset: -4px; border: 2px solid; border-radius: 0px; color: #EDF0F5; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; /* only show i / o for the accessible theme */ } -switch:checked { color: #000000; border-color: #000000; background-color: #b0dd7e; text-shadow: 0 1px rgba(139, 205, 65, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } +switch:checked { color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -switch:disabled { color: #552222; border-color: #797979; background-color: #938989; text-shadow: none; } +switch:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -switch:backdrop { color: #66636c; border-color: #828282; background-color: #9a9a9a; text-shadow: none; transition: 200ms ease-out; } - -switch:backdrop:checked { color: #a7a7a7; border-color: #000000; background-color: #b0dd7e; } - -switch:backdrop:disabled { color: #818181; border-color: #828282; background-color: #938989; } - -switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4); } +switch slider { margin: 0px; min-width: 24px; min-height: 24px; border: 2px solid; border-radius: 0px; transition: none; -gtk-outline-radius: 20px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } switch image { color: transparent; } -switch:hover slider { background-color: shade(#bcbeb9, 1.1); } +switch:hover slider { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -switch:checked > slider { border: 1px solid #000000; } - -switch:disabled slider { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } - -switch:backdrop slider { transition: 200ms ease-out; background-image: none; } - -switch:backdrop:checked > slider { border-color: #000000; } - -row:selected switch { box-shadow: none; border-color: #000000; } - -row:selected switch:backdrop { border-color: #000000; } - -row:selected switch > slider:checked, row:selected switch > slider { border-color: #000000; } +switch:disabled slider { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } /************************* Check and Radio items * */ -.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(0, 34, 105, 0.8); background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(102, 203, 236, 0.8); background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } @@ -1034,53 +860,57 @@ popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margi popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } -check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #c9cac6 20%, #bcbeb9 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #5a6659 20%, #4e584d 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:hover, radio:hover { background-image: linear-gradient(to bottom, #d3d4d1 10%, #c6c8c4 90%); } +check:hover, radio:hover { background-image: linear-gradient(to bottom, #647062 10%, #586357 90%); } -check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#afb2ac); } +check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#424a41); } -check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:disabled, radio:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:backdrop, radio:backdrop { background-image: image(#bcbeb9); box-shadow: none; color: #000000; } +check:backdrop, radio:backdrop { background-image: image(#4e584d); box-shadow: none; color: #d1ff96; } -check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:checked:backdrop, radio:checked:backdrop { background-image: image(#b0dd7e); box-shadow: none; color: #000000; } +check:checked:backdrop, radio:checked:backdrop { background-image: image(#669900); box-shadow: none; color: #d1ff96; } -check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#b0dd7e); box-shadow: none; color: #000000; } +check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#669900); box-shadow: none; color: #d1ff96; } -check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:backdrop, radio:backdrop { transition: 200ms ease-out; } +check:disabled, radio:disabled { color: #7c675a; border-color: #7c675a; } -check:disabled, radio:disabled { color: #552222; border-color: #552222; } +.osd check, .osd radio { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -row:selected check, row:selected radio { border-color: #000000; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd check:active, .osd radio:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd check:disabled, .osd radio:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } menu menuitem check, menu menuitem radio { margin: 0; } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } -check { border-radius: 3px; } +check { border-radius: 0px; } check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } @@ -1092,86 +922,52 @@ treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-g treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - radio:active, check:active { -gtk-icon-transform: scale(0, 1); } -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: none; } menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } -treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; border-color: #8bcd41; } +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #d1ff96; } /************ GtkScale * */ -progressbar trough, scale fill, scale trough { border: 1px solid #797979; border-radius: 3px; background-color: #909090; } +levelbar > trough, progressbar trough, scale fill, scale trough { border: 2px solid; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; } -progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #938989; } +levelbar > trough:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #9a9a9a; border-color: #828282; transition: 200ms ease-out; } +.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #938989; } +.osd levelbar > trough:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #8bcd41; } +progressbar progress, scale highlight { border: none; border-radius: 0px; background-color: #669900; } -.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: #002269; background-color: rgba(0, 34, 105, 0.3); } - -.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(93, 127, 173, 0.5); } - -progressbar progress, scale highlight { border: 1px solid #8bcd41; border-radius: 3px; background-color: #b0dd7e; } - -progressbar progress:disabled, scale highlight:disabled { background-color: #877474; border-color: transparent; } - -progressbar progress:backdrop, scale highlight:backdrop { border-color: #b0dd7e; } - -progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } - -row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #8bcd41; } - -.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: #002269; } - -.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } +progressbar progress:disabled, scale highlight:disabled { background-color: #53463e; } scale { min-height: 10px; min-width: 10px; padding: 12px; } -scale fill, scale highlight { margin: -1px; } - -scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #6789b4; } +scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } -scale fill:backdrop, scale fill { background-color: #797979; } +scale fill { background-color: #4c6519; } -scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } +scale fill:disabled { background-color: #3e3834; } -.osd scale fill { background-color: #002269; } +scale slider { min-height: 18px; min-width: 18px; margin: -7px; border-width: 2px; border-style: solid; border-radius: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } +scale slider:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } +scale slider:active { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -scale slider:hover { background-color: shade(#bcbeb9, 1.1); } +scale slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scale slider:active { border-color: #b0dd7e; } +.osd scale slider { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -scale slider:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.osd scale slider:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -scale slider:backdrop { transition: 200ms ease-out; background-image: none; } +.osd scale slider:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -row:selected scale slider:disabled, row:selected scale slider { border-color: #8bcd41; } - -.osd scale slider { border-color: #001d5a; background-color: #6789b4; } - -.osd scale slider:hover { background-color: #6789b4; } - -.osd scale slider:active { background-color: #6789b4; } - -.osd scale slider:disabled { background-color: #6789b4; } - -.osd scale slider:backdrop { background-color: #6789b4; } - -.osd scale slider:backdrop:disabled { background-color: #6789b4; } +.osd scale slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } @@ -1197,7 +993,7 @@ scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-heigh scale.color { min-height: 0; min-width: 0; } -scale.color trough { background-image: image(#797979); background-repeat: no-repeat; } +scale.color trough { background-image: image(#252525); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -1218,143 +1014,97 @@ scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } /***************** Progress bars * */ -progressbar { font-size: smaller; color: rgba(36, 31, 49, 0.4); font-feature-settings: "tnum"; } +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } -progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } +progressbar.horizontal trough, progressbar.horizontal progress { min-height: 0.3em; } -progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } +progressbar.vertical trough, progressbar.vertical progress { min-width: 0.3em; } -progressbar.horizontal progress { margin: 0 -1px; } - -progressbar.vertical progress { margin: -1px 0; } - -progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } - -progressbar progress { border-radius: 1.5px; } - -progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } - -progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } - -progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } - -progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } - -progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } - -progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } - -progressbar.osd progress { border-style: none; border-radius: 0; } +progressbar.osd { min-width: 3px; min-height: 3px; } progressbar trough.empty progress { all: unset; } /************* Level Bar * */ /************* Level Bar * */ -levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } +levelbar.horizontal trough > block { min-height: 9px; border-radius: 0px; } -levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 0px 0px 0; } -levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } +levelbar.horizontal trough > block:dir(ltr) { border-radius: 0px 0 0 0px; } -levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 0px; } -levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 2px; min-width: 24px; border-radius: 0; } -levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } +levelbar.vertical trough > block { min-width: 9px; border-radius: 0px; } -levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 2px; min-height: 32px; } -levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } +levelbar > trough > block.low { background-color: #f57900; } -levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #669900; } -levelbar > trough { padding: 1px; color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 0 0 1px rgba(176, 221, 126, 0), inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } +levelbar > trough > block.full { background-color: #33d17a; } -levelbar > trough:backdrop { color: #393543; border-color: #828282; background-color: #8d8c8a; box-shadow: none; } - -levelbar > trough > block { border: 1px solid; } - -levelbar > trough > block.low { border-color: #938989; background-color: #938989; } - -levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #b0dd7e; background-color: #b0dd7e; } - -levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } - -levelbar > trough > block.empty { background-color: #9a9a9a; border-color: #9a9a9a; } +levelbar > trough > block.empty { background-color: #252525; } /**************** Print dialog * */ -printdialog paper { color: #241f31; border: 1px solid #797979; background: white; padding: 0; } - -printdialog paper:backdrop { color: #66636c; border-color: #828282; } +printdialog paper { color: #EDF0F5; border: 1px solid #252525; background: white; padding: 0; } printdialog .dialog-action-box { margin: 12px; } /********** Frames * */ -frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #797979; } +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border-width: 2px; border-style: solid; background-color: transparent; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } frame > border.flat, .frame.flat { border-style: none; } -frame > border:backdrop, .frame:backdrop { border-color: #828282; } +frame.border-outset > border, frame.border-inset > border { border-color: #323131; border-style: inset; } -actionbar > revealer > box { padding: 6px; border-top: 1px solid #797979; } +frame.border-outset > border { border-color: #323131; border-style: outset; } -actionbar > revealer > box:backdrop { border-color: #828282; } +frame.border-ridge > border { border-color: #323131; border-width: 4px; border-style: ridge; } + +frame.border-groove > border { border-color: #323131; border-width: 4px; border-style: groove; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #252525; } scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at top, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.top { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.bottom { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at bottom, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.left { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.right { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at left, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at right, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #b0dd7e 85%, rgba(176, 221, 126, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #797979 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #8d8c8f; } +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #252525 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #393838; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #828282 1px, transparent 1px); background-color: #9f9f9f; transition: 200ms ease-out; } - -separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } +separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; min-width: 0px; min-height: 0px; } /********* Lists * */ -list { color: #241f31; background-color: #908f8d; border-color: #797979; } - -list:backdrop { color: #393543; background-color: #8d8c8a; border-color: #828282; } +list { color: #EDF0F5; background-color: #323232; border-color: #252525; } list row { padding: 2px; } -row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +row { transition: none; } -row:hover { transition: none; } +row.activatable { border-width: 2px; border-style: solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -row:backdrop { transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { background-color: #3f3f3f; border-left-color: #656565; border-top-color: #656565; border-right-color: #252525; border-bottom-color: #252525; } -row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(36, 31, 49, 0.05); } +row.activatable:active { background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } -row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable:selected { color: #d1ff96; background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -row.activatable:backdrop:hover { background-color: transparent; } +row.activatable:selected:active { background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - -row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #a2ca76; } - -row.activatable:selected:backdrop { background-color: #b0dd7e; } +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #71a30f; border-left-color: #a2e915; border-top-color: #a2e915; border-right-color: #51740b; border-bottom-color: #51740b; } /********************* App Notifications * */ -.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(103, 137, 180, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } - -.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #203d79; background-clip: padding-box; } .app-notification border, .app-notification.frame border { border: none; } @@ -1363,66 +1113,48 @@ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -g expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -expander title > arrow:hover { color: #695a8f; } +expander title > arrow:hover { color: white; } -expander title > arrow:disabled { color: #552222; } +expander title > arrow:disabled { color: #7c675a; } -expander title > arrow:disabled:backdrop { color: #818181; } +expander title > arrow:disabled:backdrop { color: #493e37; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ Calendar * */ -calendar { color: #241f31; border: 1px solid #797979; } +calendar { color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } -calendar:selected { border-radius: 3px; } +calendar:selected { border-radius: 0px; } -calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } +calendar.button { border-width: 2px; border-style: solid; background-color: transparent; border-color: transparent; } -calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } +calendar.highlight { font-weight: bold; color: #909194; } -calendar.button { color: rgba(36, 31, 49, 0.45); } - -calendar.button:hover { color: #241f31; } - -calendar.button:backdrop { color: rgba(102, 99, 108, 0.45); } - -calendar.button:disabled { color: rgba(85, 34, 34, 0.45); } - -calendar.highlight { color: #552222; } - -calendar.highlight:backdrop { color: #818181; } - -calendar:backdrop { color: #393543; border-color: #828282; } - -calendar:indeterminate { color: alpha(currentColor,0.1); } +calendar:indeterminate { color: #6a6b6d; } /*********** Dialogs * */ -messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #a7a7a7; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } -messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } +messagedialog.csd.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; } +messagedialog.csd .dialog-action-area button { padding: 10px 14px; -gtk-outline-radius: 0; } -messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } +messagedialog.csd .dialog-action-area button:first-child { -gtk-outline-bottom-left-radius: 0; } -messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } +messagedialog.csd .dialog-action-area button:last-child { -gtk-outline-bottom-right-radius: 0; } -filechooser .dialog-action-box { border-top: 1px solid #797979; } +filechooser .dialog-action-box { border-top: 1px solid #252525; } -filechooser .dialog-action-box:backdrop { border-top-color: #828282; } +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } -filechooser #pathbarbox { border-bottom: 1px solid #a7a7a7; } - -filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } +filechooserbutton:drop(active) { box-shadow: inset 0 0 0 1px #33d17a; } /*********** Sidebar * */ -.sidebar { border-style: none; background-color: #9c9b9a; } +.sidebar { border-style: none; background-color: #393838; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #797979; border-left-style: none; } +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #252525; border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #797979; border-right-style: none; } - -.sidebar:backdrop { background-color: #9a9a99; border-color: #828282; transition: 200ms ease-out; } +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #252525; border-right-style: none; } .sidebar list { background-color: transparent; } @@ -1432,13 +1164,13 @@ stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } -stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +stacksidebar row.needs-attention > label { background-size: 6px 6px; } -separator.sidebar { background-color: #797979; } +separator.sidebar { background-color: #252525; } -separator.sidebar:backdrop { background-color: #828282; } +separator.sidebar:backdrop { background-color: #252525; } -separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #7ec233; } +separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #145732; } /**************** File chooser * */ row image.sidebar-icon { opacity: 1; } @@ -1449,15 +1181,9 @@ placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } -placessidebar row:selected { color: #000000; } +placessidebar row:selected { color: #d1ff96; background-color: #669900; } -placessidebar row:disabled { color: #552222; } - -placessidebar row:backdrop { color: #66636c; } - -placessidebar row:backdrop:selected { color: #1d1b22; } - -placessidebar row:backdrop:disabled { color: #818181; } +placessidebar row:disabled { color: #7c675a; background-color: #493e37; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } @@ -1467,19 +1193,19 @@ placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; -gtk-outline-radius: 100%; } -button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 1; } +button.sidebar-button:not(:hover):not(:active) > image { opacity: 1; } placessidebar row:selected:active { box-shadow: none; } -placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } +placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } -placessidebar row.sidebar-new-bookmark-row { color: #b0dd7e; } +placessidebar row.sidebar-new-bookmark-row { color: #669900; } -placessidebar row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } +placessidebar row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -placessidebar row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } +placessidebar row:drop(active):not(:disabled):selected { color: #d1ff96; background-color: #33d17a; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } @@ -1490,198 +1216,151 @@ placesview row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* Paned * */ -paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#797979); background-size: 1px 1px; } +paned > separator { min-width: 4px; min-height: 4px; -gtk-icon-source: none; border-width: 2px; border-style: solid; background-image: radial-gradient(circle closest-side, #EDF0F5 0%, #EDF0F5 75%, rgba(237, 240, 245, 0) 100%); background-clip: padding-box; background-repeat: no-repeat; background-position: center; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; } -paned > separator:selected { background-image: image(#b0dd7e); } +paned > separator:selected { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -paned > separator:backdrop { background-image: image(#828282); } +paned > separator.wide { min-width: 5px; min-height: 5px; } -paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #a7a7a7; background-image: image(#797979), image(#797979); background-size: 1px 1px, 1px 1px; } +paned.horizontal > separator.wide { margin: 0; padding: 0; } -paned > separator.wide:backdrop { background-color: #a7a7a7; background-image: image(#828282), image(#828282); } +paned.vertical > separator.wide { margin: 0; padding: 0; } -paned.horizontal > separator { background-repeat: repeat-y; } - -paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - -paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - -paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } - -paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - -paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } +paned > separator { border-width: 1px; min-width: 6px; min-height: 6px; } /************** GtkInfoBar * */ -infobar { border-style: none; } +/************** GtkInfoBar * */ +infobar { background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar.action:hover > revealer > box { border-bottom: 1px solid #868686; } +infobar button { border-width: 2px; color: #EDF0F5; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } +infobar button:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #9d83b9; border-bottom: 1px solid #868686; } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #241f31; } +infobar button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } +infobar button label, infobar button { color: #EDF0F5; } -infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #241f31; background-color: #a7a7a7; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +infobar selection { background-color: #252525; } -infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { background-color: shade(#a7a7a7, 1.1); } - -infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - -infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } - -infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-image: none; border-color: #8e8e8e; } - -infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #8e8e8e; } - -infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #241f31; } - -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #8e8e8e; } - -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #004B91; } +infobar *:link { color: #99c1f1; } /************ Tooltips * */ -tooltip { border-radius: 5px; text-shadow: none; } +tooltip { border-radius: 0; box-shadow: none; text-shadow: none; } -tooltip.background { background-color: rgba(103, 137, 180, 0.9); background-clip: padding-box; border: 1px solid #002269; } +tooltip.background { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; border-width: 2px; border-style: solid; color: #66cbec; } -tooltip decoration { background-color: transparent; } +tooltip decoration { background-color: transparent; border: none; box-shadow: none; } -tooltip * { background-color: transparent; color: #002269; } +tooltip * { background-color: transparent; color: #66cbec; } /***************** Color Chooser * */ +colorswatch { border-radius: 0px; } + colorswatch:drop(active), colorswatch { border-style: none; } -colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } - -colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } - -colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - -colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } -colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } - -colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } +colorswatch.dark overlay:hover { border-color: #252525; } colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } -colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } - -colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } +colorswatch.light overlay:hover { border-color: #252525; } colorswatch:drop(active) { box-shadow: none; } -colorswatch:drop(active).light overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } +colorswatch:drop(active).light overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch:drop(active).dark overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } +colorswatch:drop(active).dark overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } +colorswatch overlay { border: 1px solid #252525; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } -colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } +colorswatch#add-color-button { border-radius: 0px 0px 0 0; } -colorswatch#add-color-button { border-radius: 5px 5px 0 0; } +colorswatch#add-color-button:only-child { border-radius: 0px; } -colorswatch#add-color-button:only-child { border-radius: 5px; } +colorswatch#add-color-button overlay { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -colorswatch#add-color-button overlay { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } - -colorswatch#add-color-button overlay:hover { background-color: shade(#bcbeb9, 1.1); } - -colorswatch#add-color-button overlay:backdrop { background-image: none; } +colorswatch#add-color-button overlay:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } colorswatch:disabled { opacity: 0.5; } -colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } +colorswatch:disabled overlay { border-color: #7c675a; box-shadow: none; } -row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } - -colorswatch#editor-color-sample { border-radius: 4px; } - -colorswatch#editor-color-sample overlay { border-radius: 4.5px; } +row:selected colorswatch { box-shadow: 0 0 0 2px #d1ff96; } colorchooser .popover.osd { border-radius: 5px; } /******** Misc * */ -.content-view { background-color: #959595; } +.content-view { background-color: #2d2c2c; } .content-view:hover { -gtk-icon-effect: highlight; } -.content-view:backdrop { background-color: #959595; } +.content-view:backdrop { background-color: #2d2c2c; } -.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } +.osd .scale-popup button.flat { border-style: none; } -.scale-popup button:hover { background-color: rgba(36, 31, 49, 0.1); border-radius: 5px; } +.scale-popup button:hover { background-color: rgba(237, 240, 245, 0.1); } /********************** Window Decorations * */ -decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } +decoration { border-radius: 0px 0px 0 0; box-shadow: 0 0 0 4px #88cc00, 2px 2px 0 2px #4e7500; margin: 8px; } -decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } +decoration:backdrop { box-shadow: 0 0 0 4px #595757, 2px 2px 0 2px #2d2c2c; } -.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; } +.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; border: none; } -.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } +.popup decoration { border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; box-shadow: none; } -.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } +tooltip.csd decoration { border-radius: 0px; box-shadow: none; } -.popup decoration { box-shadow: none; } +button.titlebutton.close { border-width: 2px; color: #d1ff96; background-color: #994d00; border-left-color: #e67400; border-top-color: #e67400; border-right-color: #663300; border-bottom-color: #663300; } -.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } +button.titlebutton.close:hover, button.titlebutton.close:hover:backdrop { border-width: 2px; background-color: #b35a00; border-left-color: #ff8000; border-top-color: #ff8000; border-right-color: #804000; border-bottom-color: #804000; } -.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } +button.titlebutton.close:active, button.titlebutton.close:active:backdrop { border-width: 2px; background-color: #994d00; border-left-color: #663300; border-top-color: #663300; border-right-color: #e67400; border-bottom-color: #e67400; } -.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +button.titlebutton.close:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -tooltip.csd decoration { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } +button.titlebutton.close:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +button.titlebutton.maximize { border-width: 2px; color: #d1ff96; background-color: #4db53d; border-left-color: #7ccf70; border-top-color: #7ccf70; border-right-color: #3d8f30; border-bottom-color: #3d8f30; } -.solid-csd decoration { margin: 0; padding: 4px; background-color: #797979; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } +button.titlebutton.maximize:hover, button.titlebutton.maximize:hover:backdrop { border-width: 2px; background-color: #5ac24a; border-left-color: #8ed583; border-top-color: #8ed583; border-right-color: #45a237; border-bottom-color: #45a237; } -.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } +button.titlebutton.maximize:active, button.titlebutton.maximize:active:backdrop { border-width: 2px; background-color: #4db53d; border-left-color: #3d8f30; border-top-color: #3d8f30; border-right-color: #7ccf70; border-bottom-color: #7ccf70; } -button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } +button.titlebutton.maximize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; } +button.titlebutton.maximize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -button.titlebutton.close { background-color: #990000; color: white; } +button.titlebutton.minimize { border-width: 2px; color: #d1ff96; background-color: #ae8900; border-left-color: #fbc500; border-top-color: #fbc500; border-right-color: #7b6100; border-bottom-color: #7b6100; } -button.titlebutton:backdrop { -gtk-icon-shadow: none; } +button.titlebutton.minimize:hover, button.titlebutton.minimize:hover:backdrop { border-width: 2px; background-color: #c89d00; border-left-color: #ffcd15; border-top-color: #ffcd15; border-right-color: #957500; border-bottom-color: #957500; } -.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.455686); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.455686); } +button.titlebutton.minimize:active, button.titlebutton.minimize:active:backdrop { border-width: 2px; background-color: #ae8900; border-left-color: #7b6100; border-top-color: #7b6100; border-right-color: #fbc500; border-bottom-color: #fbc500; } -.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } +button.titlebutton.minimize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +button.titlebutton.minimize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } .monospace { font-family: monospace; } /********************** Touch Copy & Paste * */ /********************** Touch Copy & Paste * */ -cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #626262; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } +cursor-handle { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; border: 1px solid #090909; border-radius: 100%; transition: none; transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } -cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); } +cursor-handle:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -cursor-handle:active { border-color: #8bcd41; } +cursor-handle:active { border-color: black; } -cursor-handle:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +cursor-handle:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } @@ -1689,11 +1368,9 @@ cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { border-radius: 5px 1 .context-menu { font: initial; } -.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #241f31; background-color: #908f8d; border: 1px solid; border-color: #909090; border-radius: 5px; box-shadow: inset 0 -3px #a2a2a2; font-size: smaller; } +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; border-bottom-width: 4px; border-radius: 5px; font-size: smaller; } -.keycap:backdrop { background-color: #8d8c8a; color: #66636c; transition: 200ms ease-out; } - -:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } stackswitcher button.text-button { min-width: 100px; } @@ -1711,17 +1388,15 @@ popover.emoji-picker { padding-left: 0; padding-right: 0; } popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; } -button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } +button.emoji-section { border-width: 2px; border-style: solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; outline-offset: -5px; } button.emoji-section:first-child { margin-left: 7px; } button.emoji-section:last-child { margin-right: 7px; } -button.emoji-section:backdrop:not(:checked) { border-color: transparent; } +button.emoji-section:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -button.emoji-section:hover { border-color: #797979; } - -button.emoji-section:checked { border-color: #b0dd7e; } +button.emoji-section:checked { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } button.emoji-section label { padding: 0; opacity: 0.55; } @@ -1731,101 +1406,115 @@ button.emoji-section:checked label { opacity: 1; } popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } -popover.emoji-picker .emoji :hover { background: #b0dd7e; border-radius: 6px; } +popover.emoji-picker .emoji :hover { background: #669900; border-radius: 0px; } popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } -popover.emoji-completion .emoji:hover { background: #b4b4b4; } +popover.emoji-completion .emoji:hover { background: #4c4b4b; } -undershoot { background-repeat: no-repeat; background-clip: border-box; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } -undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } +undershoot.top { background-size: 100% 0.5em; background-position: top; } -undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } -undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } +undershoot.left { background-size: 0.5em 100%; background-position: left; } + +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +#XfceNotifyWindow { color: #66cbec; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow label { color: #66cbec; } + +#XfceNotifyWindow label #summary { font-weight: bold; } + +#XfceNotifyWindow button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow button:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +#XfceNotifyWindow button:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #241f31; +@define-color theme_fg_color #EDF0F5; /* text color for entries, views and content in general */ -@define-color theme_text_color #241f31; +@define-color theme_text_color #EDF0F5; /* widget base background color */ -@define-color theme_bg_color #a7a7a7; +@define-color theme_bg_color #3f3e3e; /* text widgets and the like base background color */ -@define-color theme_base_color #908f8d; +@define-color theme_base_color #323232; /* base background color of selections */ -@define-color theme_selected_bg_color #b0dd7e; +@define-color theme_selected_bg_color #669900; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #000000; +@define-color theme_selected_fg_color #d1ff96; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #938989; +@define-color insensitive_bg_color #493e37; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #552222; +@define-color insensitive_fg_color #7c675a; /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #908f8d; +@define-color insensitive_base_color #323232; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #66636c; +@define-color theme_unfocused_fg_color #EDF0F5; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #241f31; +@define-color theme_unfocused_text_color #EDF0F5; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #a7a7a7; +@define-color theme_unfocused_bg_color #3f3e3e; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #8d8c8a; +@define-color theme_unfocused_base_color #323232; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #b0dd7e; +@define-color theme_unfocused_selected_bg_color #669900; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #000000; +@define-color theme_unfocused_selected_fg_color #d1ff96; /* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #818181; +@define-color unfocused_insensitive_color #493e37; /* widgets main borders color */ -@define-color borders #797979; +@define-color borders #252525; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #828282; +@define-color unfocused_borders #252525; /* these are pretty self explicative */ -@define-color warning_color #938989; -@define-color error_color #990000; -@define-color success_color #73d216; +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#241f31, 1.8); -@define-color wm_unfocused_title #66636c; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#a7a7a7, 1.2); -@define-color wm_bg_b #a7a7a7; +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #EDF0F5; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#a7a7a7, 1.3); -@define-color wm_button_hover_color_b #a7a7a7; -@define-color wm_button_active_color_a shade(#a7a7a7, 0.85); -@define-color wm_button_active_color_b shade(#a7a7a7, 0.89); -@define-color wm_button_active_color_c shade(#a7a7a7, 0.9); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #908f8d; +@define-color content_view_bg #323232; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #908f8d; +@define-color text_view_bg #232323; diff --git a/source/gtk4/_common.scss b/source/gtk4/_common.scss index 2ad52ba..ea21cb9 100644 --- a/source/gtk4/_common.scss +++ b/source/gtk4/_common.scss @@ -1,10 +1,10 @@ @import '../common/common_common.scss'; $assets: if($contrast=='normal', 'assets', 'assets-hc'); -$focus_transition: outline-width 200ms $ease-out-quad, outline-offset 200ms $ease-out-quad; -$menu_margin: $menu_radius; //margin around menuitems & sidebar items -$window_radius: $button_radius + 3; -$popover_radius: $button_radius + 4; +$focus_transition:none;// outline-width 200ms $ease-out-quad, outline-offset 200ms $ease-out-quad; +$menu_margin: $menu_radius +1px; //margin around menuitems & sidebar items + + /*************** * Base States * @@ -13,10 +13,10 @@ $popover_radius: $button_radius + 4; color: $fg_color; background-color: $bg_color; - &:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; - } + //&:backdrop { + // text-shadow: none; + // -gtk-icon-shadow: none; + //} } dnd { @@ -49,7 +49,7 @@ image:disabled { &:focus, & { @extend %selected_items; - border-radius: 3px; + border-radius: $button_radius; } } } @@ -169,7 +169,7 @@ label { &.error { color: $error_color; - &:disabled { color: transparentize($error_color,0.5); } + &:disabled { color: mix($error_color,$insensitive_fg_color,0.5); } } } @@ -201,9 +201,9 @@ window.aboutdialog image.large-icons { %osd, .osd { color: $osd_fg_color; - border: 1px solid $osd_borders_color; - background-color: $osd_bg_color; - background-clip: padding-box; + border-width: $border_width; + @include relief ($osd_bg_color); + //background-clip: padding-box; //-gtk-icon-shadow: 0 1px black; } @@ -280,10 +280,10 @@ entry { min-height: 32px; padding-left: 1px; padding-right: 1px; - border: 1px solid; + border: $border_width solid; border-radius: $entry_radius; border-spacing: 6px; - transition: all 200ms $ease-out-quad; + transition: none; //all 200ms $ease-out-quad; @include entry(normal); @@ -323,11 +323,11 @@ entry { &:disabled { @include entry(insensitive); } > text > selection { - background-color: $backdrop_selected_bg_color; - color: transparent; + background-color: $selected_bg_color; + color: $selected_fg_color; &:focus-within { - background-color: $selected_text_bg_color; - color: $fg_color; + //background-color: $selected_text_bg_color; + //color: $fg_color; } } @@ -389,52 +389,8 @@ entry { } - // linked entries - .linked:not(.vertical) > & { @extend %linked; } + // linked entries: all suppressed - .linked:not(.vertical) > &:drop(active) + &, - .linked:not(.vertical) > &:drop(active) + button, - .linked:not(.vertical) > &:drop(active) + menubutton > button, - .linked:not(.vertical) > &:drop(active) + dropdown > button, - .linked:not(.vertical) > &:drop(active) + colorbutton > button, - .linked:not(.vertical) > &:drop(active) + fontbutton > button, - .linked:not(.vertical) > &:drop(active) + filechooserbutton > button, - .linked:not(.vertical) > &:drop(active) + filechooserbutton > combobox > box > button.combo, - .linked:not(.vertical) > &:drop(active) + appchooserbutton > combobox > box > button.combo, - .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } - - // Vertically linked entries - // FIXME: take care of "colored" entries - .linked.vertical > & { - @extend %linked_vertical; - - // brighter border between linked entries - &:not(:disabled) + entry:not(:disabled), - &:not(:disabled) + %entry:not(:disabled) { - border-top-color: mix($borders_color, $base_color, 30%); - } - - // brighter border between linked insensitive entries - &:disabled + %entry:disabled, - &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } - - + %entry:drop(active):not(:only-child), - + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } - - &:drop(active):not(:only-child) { - + %entry, - + entry, - + button, - + menubutton > button, - + dropdown > button, - + colorbutton > button, - + fontbutton > button, - + filechooserbutton > button, - + filechooserbutton > combobox > box > button.combo, - + appchooserbutton > combobox > box > button.combo, - + combobox > box > button.combo { border-top-color: $drop_target_color; } - } - } &.error { color: $error_color; } } @@ -486,7 +442,7 @@ button { min-height: $button_min_height; min-width: $button_min_width; padding: $_btn_pad; - border: 1px solid; + border: $border_width solid; border-radius: $button_radius; transition: $button_transition; @@ -509,25 +465,7 @@ button { &:checked:hover:not(:active) { @include button(checked-hover); } &:checked, &:checked:active { @include button(checked-active); } - &:backdrop { - &.flat, & { - @include button(backdrop); - - transition: $backdrop_transition; - - &:not(:disabled) { -gtk-icon-filter: none; } - - &:active, - &:checked { @include button(backdrop-active); } - - &:disabled { - @include button(backdrop-insensitive); - - &:active, - &:checked { @include button(backdrop-insensitive-active); } - } - } - } + //removed backdrop &:disabled { @include button(insensitive); @@ -626,7 +564,7 @@ button { &:only-child { margin: 4px; border-radius: 50%; // completely round when it is a single button - box-shadow: 0 1px 2px transparentize(black, 0.8); // drop shadow for the only child + //box-shadow: 0 1px 2px transparentize(black, 0.8); // drop shadow for the only child }; } @@ -635,13 +573,13 @@ button { @include button(osd); - border: none; + //border: none; box-shadow: none; &:hover { @include button(osd-hover); - border: none; + //border: none; box-shadow: none; } @@ -649,7 +587,7 @@ button { &:checked { @include button(osd-active); - border: none; + //border: none; box-shadow: none; } } @@ -662,15 +600,15 @@ button { &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } &:active, - &:checked { &:backdrop, & { @include button(active, $osd_bg_color, $osd_fg_color); }} + &:checked { @include button(active, $osd_bg_color, $osd_fg_color); } - &:disabled { &:backdrop, & { @include button(insensitive); }} + &:disabled { @include button(insensitive); } &.flat { &:not(:hover):not(:active):not(:checked):not(:disabled) {@include button(undecorated, $osd_bg_color, $osd_fg_color);} //box-shadow: none; - -gtk-icon-shadow: 0 1px black; + //-gtk-icon-shadow: 0 1px black; &:hover { @include button(hover, $osd_bg_color, $osd_fg_color); } @@ -687,7 +625,7 @@ button { } // Suggested and Destructive Action buttons - @each $b_type, $b_color in (suggested-action, $selected_bg_color), + @each $b_type, $b_color in (suggested-action, $suggested_bg_color), (destructive-action, $destructive_color) { &.#{$b_type} { @include button(normal, $b_color, if(lightness($b_color)>50%, black, white)); @@ -725,9 +663,9 @@ button { &:hover { @include button(osd-hover, $b_color); } &:active, - &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + &:checked { @include button(osd-active, $b_color);} - &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + &:disabled { @include button(osd-insensitive, $b_color); } } } @@ -754,9 +692,10 @@ button { } } - // hide separators + // do not hide separators &.font{ - separator { background-color: transparent; } + separator { //background-color: transparent; + } > box { border-spacing: 6px; } > box > box > label { font-weight: bold; } } @@ -779,17 +718,16 @@ button { %needs_attention { // the dot is drawn by using two radial gradient, the first one is the actual dot, the other // simulates the shadow labels and icons normally have in buttons. - animation: needs_attention 150ms ease-in; - + //animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 )); - background-size: 6px 6px, 6px 6px; + background-size: 6px 6px;//, 6px 6px; background-repeat: no-repeat; - @if $variant == 'light' { background-position: right 3px, right 4px; } + @if $variant == 'light' { background-position: right 3px;}//, right 4px; } - @else { background-position: right 3px, right 2px; } + @else { background-position: right 3px;}//, right 2px; } - &:backdrop { background-size: 6px 6px, 0 0;} + //&:backdrop { background-size: 6px 6px, 0 0;} &:dir(rtl) { @if $variant == 'light' { background-position: left 3px, left 4px; } @@ -844,8 +782,8 @@ button { background-color: transparent; background-image: none; border-color: transparent; - box-shadow: inset 0 1px transparentize(white, 1), - 0 1px transparentize(white, 1); + //box-shadow: inset 0 1px transparentize(white, 1), + // 0 1px transparentize(white, 1); text-shadow: none; -gtk-icon-shadow: none; } @@ -954,19 +892,19 @@ button.color { /* tone down as per new designs, see issue #1473 */ %list_button, list > row button.image-button:not(.flat) { - @extend %undecorated_button; - border: 1px solid transparentize($borders_color, .5); - &:hover { @include button(hover); } - &:active, - &:checked { @include button(active); } + //@extend %undecorated_button; + //border: 1px solid transparentize($borders_color, .5); + //&:hover { @include button(hover); } + //&:active, + //&:checked { @include button(active); } - @each $b_type, $b_color in (suggested-action, $selected_bg_color), - (destructive-action, $destructive_color) { - &.#{$b_type} { // allow colored buttons in lists #3643 - @include button(normal, $b_color, white); - @include focus-ring($fc: $alt_focus_border_color); - } - } + //@each $b_type, $b_color in (suggested-action, $selected_bg_color), + // (destructive-action, $destructive_color) { + // &.#{$b_type} { // allow colored buttons in lists #3643 + // @include button(normal, $b_color, white); + // @include focus-ring($fc: $alt_focus_border_color); + // } + //} } /********* @@ -1050,7 +988,7 @@ spinbutton { box-shadow: none; padding: 6px; - &:backdrop:disabled { background-color: $insensitive_bg_color; } + &:disabled { background-color: $insensitive_bg_color; color: $insensitive_fg_color; } } > text { @@ -1157,13 +1095,13 @@ spinbutton { } %top_button { - border-bottom-style: none; + //border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } %bottom_button { - border-top-style: none; + //border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } @@ -1252,8 +1190,9 @@ combobox { &:selected { &, &:hover { outline-color: $alt_focus_border_color; - color: $text-color; - background-color: $menu_selected_color; + color: $selected_fg_color; + @include relief($selected_bg_color); + //background-color: $menu_selected_color; box-shadow: none; } } @@ -1263,7 +1202,7 @@ combobox { // drodowns with searchboxes on top .dropdown-searchbar { padding: 6px; - border-bottom: 1px solid $borders_color; + //border-bottom: 1px solid $borders_color; } } } @@ -1314,7 +1253,7 @@ combobox { &.osd { padding: 13px; border: none; - border-radius: 5px; + border-radius: 0px; background-color: $osd_bg_color; &.left, @@ -1345,50 +1284,24 @@ searchbar > revealer > box { $_bg: mix($bg_color, $borders_color, 70%); background-color: $_bg; - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $backdrop_dark_fill; - box-shadow: none; - transition: $backdrop_transition; - } + //&:backdrop { + // border-color: $backdrop_borders_color; + // background-color: $backdrop_dark_fill; + // box-shadow: none; + // transition: $backdrop_transition; + // } } /************** * GtkInfoBar * **************/ -infobar { - > revealer > box { - padding: 8px; - border-spacing: 12px; - } +@import '../common/gtkinfobar.scss'; - &.action:hover > revealer > box { - //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), - // desaturate(darken(invert($selected_bg_color), 42%), 70%)); - } - &.info, - &.question, - &.warning, - &.error { - > revealer > box { - border-bottom: 1px solid lighten($borders_color, 5%); - //background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%), - // desaturate(darken(invert($selected_bg_color), 40%), 70%)); - - $_bg_info_bar: desaturate(invert($selected_bg_color), 30%); - - @if $variant == 'light' { $_bg_info_bar: if(lightness($_bg_info_bar) < 50%, lighten($_bg_info_bar, 30%), $_bg_info_bar);} - @else {$_bg_info_bar: if(lightness($_bg_info_bar) > 50%, darken($_bg_info_bar, 30%), $_bg_info_bar);} - - background-color: $_bg_info_bar; - } - } -} //close button for info and searchbar (#3215) - infobar .close, + //infobar .close, searchbar .close { @include button(undecorated); min-width: 16px; @@ -1404,6 +1317,10 @@ infobar { * Title buttons * *****************/ +$close_bg_color: mix($error_color, $titlebar_active_bg, 50%); +$maximize_bg_color: mix($success_color, $titlebar_active_bg, 50%); +$minimize_bg_color: mix($warning_color, $titlebar_active_bg, 50%); + windowcontrols { border-spacing: 6px; @@ -1422,22 +1339,29 @@ windowcontrols { button { @extend %button_basic; - &:not(:hover):not(:active):not(:checked):not(:disabled) {@extend %button_basic_flat;} - - - border-radius: 9999px; - padding: 6px; - margin: 0 2px; - min-width: 0; - min-height: 0; - &:hover { - //special case hover colors inside a headerbar - @include button(hover);//;button(undecorated-hover,$c:darken($headerbar_bg_color,6%)); - } - &:active, - &:checked { @include button(active);//button(undecorated-active,$c:darken($headerbar_bg_color,10%)); - } - &.close { background-color: $error_color; color: white;} + &.close { + @include button(normal, $close_bg_color, $titlebar_active_fg); + &:hover { &, &:backdrop { @include button(hover, $close_bg_color, $titlebar_active_fg);}}//, $titlebar_active_fg); } } + &:active { &, &:backdrop { @include button(active, $close_bg_color, $titlebar_active_fg); } } + &:disabled { @include button(insensitive); } + &:backdrop { @include button(normal); } + } + + &.maximize { + @include button(normal, $maximize_bg_color, $titlebar_active_fg); + &:hover {&, &:backdrop {@include button(hover, $maximize_bg_color, $titlebar_active_fg);}} + &:active {&, &:backdrop {@include button(active,$maximize_bg_color, $titlebar_active_fg);}} + &:disabled {@include button(insensitive);} + &:backdrop {@include button(normal);} + } + + &.minimize { + @include button(normal, $minimize_bg_color, $titlebar_active_fg); + &:hover {&, &:backdrop {@include button(hover, $minimize_bg_color, $titlebar_active_fg);}} + &:active {&, &:backdrop {@include button(active, $minimize_bg_color, $titlebar_active_fg);}} + &:disabled {@include button(insensitive);} + &:backdrop {@include button(normal);} + } } } @@ -1449,19 +1373,22 @@ windowcontrols { headerbar { padding: 0 6px; min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: $alt_borders_color; + //border-width: 0 0 1px; + //border-style: solid; + //border-color: $alt_borders_color; border-radius: 0; - - @include headerbar_fill(darken($bg_color, 10%)); + border: none; + background-color: $titlebar_active_bg; + color: $titlebar_active_fg; + + + //@include headerbar_fill(darken($bg_color, 10%)); &:backdrop { - border-color: $backdrop_borders_color; - background-color: $bg_color; - background-image: none; + background-color: $titlebar_backdrop_bg; + color: $titlebar_backdrop_fg; - transition: $backdrop_transition; + transition: none;//$backdrop_transition; } .title { @@ -1576,7 +1503,7 @@ headerbar { @extend %titlebar; } -// Development versions of apps to use a differently styled headerbar +// Development versions of apps to use a differently styled headerbar. Left as default for now. window.devel { headerbar.titlebar { @@ -1660,7 +1587,7 @@ treeview.view { &:selected { color: mix($selected_fg_color, $selected_bg_color, 40%); - &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + //&:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } } } @@ -1669,10 +1596,10 @@ treeview.view { color: $_treeview_borders_color; } - &:backdrop { - border-left-color: $_treeview_backdrop_borders_color; - border-top: $_treeview_backdrop_borders_color; - } + //&:backdrop { + // border-left-color: $_treeview_backdrop_borders_color; + // border-top: $_treeview_backdrop_borders_color; + //} &:drop(active) { box-shadow: none; @@ -1707,6 +1634,7 @@ treeview.view { } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &:disabled, &:disabled:checked {color: $insensitive_fg_color;} } &.progressbar { // progress bar in treeviews @@ -1728,12 +1656,7 @@ treeview.view { background-image: image($base_color); - &:backdrop { - @if $variant == 'light' { - color: $selected_bg_color; - } - background-color: $backdrop_base_color; - } + } } } @@ -1757,16 +1680,16 @@ treeview.view { @extend %column_header_button; - color: $_column_header_color; - background-color: $base_color; - font-weight: bold; + //color: $_column_header_color; + //background-color: $base_color; + //font-weight: bold; text-shadow: none; box-shadow: none; &:hover { @extend %column_header_button; - color: mix($_column_header_color, $fg_color, 50%); + //color: mix($_column_header_color, $fg_color, 50%); box-shadow: none; transition: none; //I shouldn't need this } @@ -1774,7 +1697,7 @@ treeview.view { &:active { @extend %column_header_button; - color: $fg_color; + //color: $fg_color; transition: none; //I shouldn't need this } sort-indicator { @@ -1812,23 +1735,23 @@ treeview.view { %column_header_button { padding: 0 6px; background-image: none; - border-style: none none solid solid; - border-color: $_treeview_borders_color; + //border-style: none none solid solid; + //border-color: $_treeview_borders_color; border-radius: 0; text-shadow: none; &:disabled { - border-color: $bg_color; - background-image: none; + //border-color: $bg_color; + //background-image: none; background-color: $insensitive_bg_color; color: $insensitive_fg_color; } - &:last-child { &:backdrop, & { border-right-style: none; }} + //&:last-child { border-right-style: none; } } /*************** - * Popovers * + * Popovers * (such as menus!) ***************/ popover.background { @@ -1837,17 +1760,13 @@ popover.background { > arrow, > contents { - $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); - - background-color: $menu_color; - background-clip: padding-box; - border: 1px solid $_popover_border; - box-shadow: 0 1px 2px transparentize(black, 0.7); + //$_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); + border: $border_width solid; + color: $text_color; + @include relief($base_color); } - &:backdrop { - background-color: transparent; - } + > contents { padding: 8px; @@ -2003,15 +1922,15 @@ popover.menu { // initial styling for popover menu and bar menubar { padding: 0px; - box-shadow: inset 0 -1px transparentize(black, 0.9); + //box-shadow: inset 0 -1px transparentize(black, 0.9); > item { min-height: 16px; padding: 4px 8px; &:selected { //Seems like it :hover even with keyboard focus - box-shadow: inset 0 -3px $selected_bg_color; - color: $link_color; + color: $selected_fg_color; + background-color: $selected_bg_color; } &:disabled { @@ -2037,286 +1956,57 @@ menubar { /************* * Notebooks * *************/ +@import '../common/notebook.scss'; + notebook { @include focus-ring("> header > tabs > tab:checked", $offset: -2px, $focus-state: 'focus:focus-visible'); - - > header { - padding: 1px; - border-color: $borders_color; - border-width: 1px; - background-color: $dark_fill; - - > tabs { margin: -1px; } - - &.top { - border-bottom-style: solid; - > tabs { - margin-bottom: -2px; - > tab { - &:hover { box-shadow: inset 0 -4px $borders_color; } - - - &:checked { box-shadow: inset 0 -4px $selected_bg_color; } - } - } - } - - &.bottom { - border-top-style: solid; - > tabs { - margin-top: -2px; - > tab { - &:hover { box-shadow: inset 0 4px $borders_color; } - - &:checked { box-shadow: inset 0 4px $selected_bg_color; } - } - } - } - - &.left { - border-right-style: solid; - > tabs { - margin-right: -2px; - > tab { - &:hover { box-shadow: inset -4px 0 $borders_color; } - - &:checked { box-shadow: inset -4px 0 $selected_bg_color; } - } - } - } - - &.right { - border-left-style: solid; - > tabs { - margin-left: -2px; - > tab { - &:hover { box-shadow: inset 4px 0 $borders_color; } - - &:checked { box-shadow: inset 4px 0 $selected_bg_color; } - } - } - } - - &.top > tabs > arrow { - @extend %notebook_vert_arrows; - - border-top-style: none; - } - - &.bottom > tabs > arrow { - @extend %notebook_vert_arrows; - - border-bottom-style: none; - } - - @at-root %notebook_vert_arrows { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; - - &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - } - - &.left > tabs > arrow { - @extend %notebook_horz_arrows; - - border-left-style: none; - } - - &.right > tabs > arrow { - @extend %notebook_horz_arrows; - - border-right-style: none; - } - - @at-root %notebook_horz_arrows { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; - - &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - } - - > tabs > arrow { - @extend %button_basic; - - @extend %button_basic_flat; - - min-height: 16px; - min-width: 16px; - border-radius: 0; - - &:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: transparentize(white, 0.7); - border-color: transparent; - box-shadow: none; - } - - &:disabled { @include button(undecorated); } - } - - > tabs > tab { - transition: $focus_transition; - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - - color: $fg_color; - font-weight: normal; - - border-width: 1px; // for reorderable tabs - border-color: transparent; // - - &:hover { - color: $fg_color; - background-color: darken($dark_fill,4%); - - &.reorderable-page { - border-color: transparentize($borders_color, 0.7); - background-color: transparentize($bg_color, 0.8); - } - } - - &:not(:checked) { - outline-color: transparent; - } - - &:checked { - color: $fg_color; - &.reorderable-page { - border-color: transparentize($borders_color, 0.5); - background-color: transparentize($bg_color, 0.5); - - &:hover { background-color: transparentize($bg_color, 0.3); } - } - } - - // colors the button like the label, overridden otherwise - button.flat { - color: gtkalpha(currentColor, 0.3); - &:hover { color: currentColor; } - - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - // FIXME: generalize .small-button? - min-width: 20px; - min-height: 20px; - - &:last-child { - margin-left: 4px; - margin-right: -4px; - } - - &:first-child { - margin-left: -4px; - margin-right: 4px; - } - } - } - - &.top, - &.bottom { - > tabs { - padding-left: 4px; - padding-right: 4px; - - &:not(:only-child) { - margin-left: 3px; - margin-right: 3px; - - &:first-child { margin-left: -1px; } - &:last-child { margin-right: -1px; } - } - - > tab { - margin-left: 4px; - margin-right: 4px; - - &.reorderable-page { border-style: none solid; } - } - } - } - - &.left, - &.right { - > tabs { - padding-top: 4px; - padding-bottom: 4px; - - &:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; - - &:first-child { margin-top: -1px; } - &:last-child { margin-bottom: -1px; } - } - - > tab { - margin-top: 4px; - margin-bottom: 4px; - - &.reorderable-page { border-style: solid none; } - } - } - } - - &.top > tabs > tab { padding-bottom: 4px; } - &.bottom > tabs > tab { padding-top: 4px; } - } - - > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - background-color: $base_color; - } } + + /************** * Scrollbars * **************/ scrollbar { - $_slider_min_length: 40px; - $_slider_width: 8px; - $_scrollbar_transition: all 300ms $ease-out-quad; - $_fine-tune_slider_border: $_slider_width - 3; //#3672 + + + + $_scrollbar_transition: none; //all 300ms $ease-out-quad; + $_fine-tune_slider_border: $_slider_width - 3; //#3672 //ignored - background-color: $scrollbar_bg_color; + border: $border_width solid; + @include relief($scrollbar_bg_color, sunken); + transition: $_scrollbar_transition; // scrollbar border - &.top { border-bottom: 1px solid $borders_color; } - &.bottom { border-top: 1px solid $borders_color; } - &.left { border-right: 1px solid $borders_color; } - &.right { border-left: 1px solid $borders_color; } + //&.top { border-bottom: 1px solid $borders_color; } + //&.bottom { border-top: 1px solid $borders_color; } + //&.left { border-right: 1px solid $borders_color; } + //&.right { border-left: 1px solid $borders_color; } > range > trough > slider { - @extend %button_basic; + //@extend %button_basic; padding: 0; background-image: none; min-width: $_slider_width; min-height: $_slider_width; - margin: 3px; - //border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: $scrollbar_slider_color; - transition: $_scrollbar_transition; + //margin: 3px; + border: $border_width solid; + border-radius: $button_radius; + //background-clip: padding-box; + //background-color: $scrollbar_slider_color; + //transition: $_scrollbar_transition; + @include relief($button_bg); - &:hover { background-color: $scrollbar_slider_hover_color; } + &:hover { @include relief($scrollbar_slider_hover_color); } - &:hover:active { background-color: $scrollbar_slider_active_color; } + &:hover:active { @include relief($scrollbar_slider_active_color); } - &:disabled { background-color: transparent; } + &:disabled { @include relief($insensitive_bg_color); } } > range.fine-tune { @@ -2324,7 +2014,7 @@ scrollbar { //transition: none; //min-width: $_fine-tune_slider_border+1; //min-height: $_fine-tune_slider_border+1; - &, &:hover, &:active {background-color: $hint_bg;} + &, &:hover, &:active {@include relief($hint_bg);} } //&.horizontal > trough > slider { border-width: $_fine-tune_slider_border 4px; } @@ -2335,11 +2025,14 @@ scrollbar { &.horizontal > range > trough > slider { min-width: $_slider_min_length; } &.vertical > range > trough > slider { min-height: $_slider_min_length; } + + + &.overlay-indicator { opacity: 0.5; } } treeview ~ scrollbar.vertical { - border-top: 1px solid $borders_color; - margin-top: -1px; + //border-top: 1px solid $borders_color; + //margin-top: -1px; } /********** @@ -2350,39 +2043,33 @@ switch { font-size: smaller; // similar to the .scale - border: 1px solid $borders_color; - border-radius: 14px; + border: $border_width solid; + border-radius: $button_radius; color: $fg_color; - background-color: $dark_fill; - transition: $focus_transition; + @include relief($dark_fill, sunken); @include focus-ring($offset: 0, $outer: true); - headerbar & { background-color: darken($dark_fill,8%); } //3504 + //headerbar & { background-color: darken($dark_fill,8%); } //3504 &:checked { color: $selected_fg_color; - border-color: $checkradio_borders_color; - background-color: $checkradio_bg_color; + @include relief($selected_bg_color, sunken); } &:disabled { color: $insensitive_fg_color; - border-color: $borders_color; - background-color: $insensitive_bg_color; - text-shadow: none; + @include relief($insensitive_bg_color,sunken); } > slider { - @include button(normal); - - margin: -1px; + margin: 0px; min-width: 24px; min-height: 24px; - border: 1px solid; - //border-color: $borders_color; - border-radius: 50%; + border: $border_width solid; + border-radius: $button_radius; transition: $button_transition; + @include button(normal); } > image { color: transparent; } /* only show i / o for the accessible theme */ @@ -2391,21 +2078,21 @@ switch { @include button(hover); } - &:checked > slider { border: 1px solid $switch_borders_color; } + //&:checked > slider { border: 1px solid $switch_borders_color; } //no special drawing for a checked switch slider &:disabled > slider { @include button(insensitive); } - row:selected & { - outline-color: $alt_focus_border_color; - - @if $variant == 'light' { - box-shadow: none; - border-color: $switch_borders_color; - - > slider { &:checked, & { border-color: $switch_borders_color; } } - } - } + //row:selected & { + // outline-color: $alt_focus_border_color; + // + // @if $variant == 'light' { + // box-shadow: none; + // border-color: $switch_borders_color; + // + // > slider { &:checked, & { border-color: $switch_borders_color; } } + // } + //} } @@ -2436,7 +2123,7 @@ switch { background-color: #{$check_background}; border-radius: 5px; background-image: none; - transition: 200ms; + transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: #{$check_icon}; @@ -2515,7 +2202,7 @@ radio { %check, check { - border-radius: 3px; + border-radius: $button_radius; -gtk-icon-size: 14px; &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/check-symbolic.symbolic.png")), @@ -2555,53 +2242,49 @@ treeview.view radio:selected { &:selected, &:focus, & { @extend %radio; }} // Th * GtkScale * ************/ %scale_trough { - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $dark_fill; + border: $border_width solid;// $borders_color; + @include relief($dark_fill, sunken); //padding:1px; - headerbar & { background-color: darken($dark_fill,8%); } //3504 + //headerbar & { background-color: darken($dark_fill,8%); } //3504 - &:disabled { - background-color: $insensitive_bg_color; - border-color: $insensitive_borders_color; - } + &:disabled { @include relief($insensitive_bg_color, sunken); } // ...on selected list rows - row:selected & { - &:disabled, & { - outline-color: $alt_focus_border_color; - border-color: $selected_borders_color; - } - } + //row:selected & { + // &:disabled, & { + // outline-color: $alt_focus_border_color; + // border-color: $selected_borders_color; + // } + // } // OSD .osd & { - border-color: $osd_borders_color; - background-color: transparentize($osd_borders_color, 0.7); - - &:disabled { background-color: $osd_insensitive_bg_color; } + @include relief($osd_bg_color, sunken); + &:disabled { @include relief($osd_insensitive_bg_color, sunken);} } + } %scale_highlight { - border: 1px solid $progress_border_color; - border-radius: 3px; - background-color: $selected_bg_color; + border: none; //1px solid $progress_border_color; + border-radius: $button_radius; + background-color: $progress_bg_color; + //margin: 1px; &:disabled { - background-color: mix($insensitive_bg_color, $insensitive_fg_color, 60%); - border-color: transparent; + background-color: mix($insensitive_bg_color, $insensitive_fg_color, 80%); + //border-color: transparent; } // ...on selected list rows - row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + //row:selected & { &:disabled, & { border-color: $selected_borders_color; }} // OSD .osd & { - border-color: $osd_borders_color; + //border-color: $osd_borders_color; - &:disabled { border-color: transparent; } + //&:disabled { border-color: transparent; } } } @@ -2620,8 +2303,8 @@ scale { > trough { transition: $focus_transition; - > fill, - > highlight { margin: -1px; } + //> fill, + //> highlight { margin: -1px; } @@ -2642,7 +2325,7 @@ scale { //} // to make the trough grow in fine-tune mode //no longer, just background change - > trough > slider {&, &:active, &:hover, &:focus { background-color: $hint_bg;}} //margin: -6px; } + > trough > slider {&, &:active, &:hover, &:focus { @include relief($hint_bg);}}//margin: -6px; } > trough > fill, > trough > highlight, @@ -2663,64 +2346,61 @@ scale { // in media player to indicate how much video stream as been cached > trough > fill { @extend %scale_trough; - - - &:disabled { - border-color: transparent; - background-color: transparent; - } + background-color: mix($progress_bg_color, $dark_fill, 50%); + &:disabled { background-color: mix($insensitive_bg_color, $dark_fill, 50%);} // OSD - .osd & { - background-color: mix($osd_fg_color, $osd_borders_color, 25%); + //.osd & { + // background-color: mix($osd_fg_color, $osd_borders_color, 25%); - &:disabled { - border-color: transparent; - background-color: transparent; - } - } + // &:disabled { + // &:backdrop, & { + // border-color: transparent; + // background-color: transparent; + // } + // } + //} } > trough > slider, %slider { min-height: 18px; min-width: 18px; - margin: -9px; // the slider is inside the trough, so to have make it bigger there's a negative margin - @include button(normal); - border-width: 1px; + margin: -7px; // the slider is inside the trough, so to have make it bigger there's a negative margin + border-width: $border_width; border-style: solid; - border-radius: 100%; - transition: $button_transition; - transition-property: background, border, box-shadow; + border-radius: $button_radius; + @include button(normal); &:hover { @include button(hover); } - &:active { border-color: $selected_bg_color; } + &:active { @include relief($selected_bg_color); } &:disabled { @include button(insensitive); } // ...on selected list rows - row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + //row:selected & { &:disabled, & { border-color: $selected_borders_color; } } // OSD .osd & { @include button(osd); - border-color: darken($osd_borders_color, 3%); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //border-color: darken($osd_borders_color, 3%); + //background-color: opacify($osd_bg_color, 1); // solid background needed here &:hover { @include button(osd-hover); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //background-color: opacify($osd_bg_color, 1); // solid background needed here } &:active { @include button(osd-active); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //background-color: opacify($osd_bg_color, 1); // solid background needed here } &:disabled { @include button(osd-insensitive); - background-color: opacify($osd_bg_color, 1); // solid background needed here + //background-color: opacify($osd_bg_color, 1); // solid background needed here } + } } @@ -2866,19 +2546,19 @@ progressbar { &.horizontal { > trough { min-width: 150px; - &, > progress { min-height: 2px; } + &, > progress { min-height: 0.3em; } } } &.vertical { > trough { min-height: 80px; - &, > progress { min-width: 2px; } + &, > progress { min-width: 0.3em; } } } - &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border - &.vertical > trough > progress { margin: -1px 0; } // this moves it over it. + //&.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border + //&.vertical > trough > progress { margin: -1px 0; } // this moves it over it. // FIXME: insensitive state missing and some other state should be set probably @@ -2893,48 +2573,17 @@ progressbar { /* override insensitive that is specific to progress */ &:disabled { background-color: $insensitive_fg_color; - border-color: $insensitive_fg_color; + //border-color: $insensitive_fg_color; } - border-radius: 1.5px; - $_progress-radius: 5px; - &.left { - border-top-left-radius: $_progress-radius; - border-bottom-left-radius: $_progress-radius; - } - - &.right { - border-top-right-radius: $_progress-radius; - border-bottom-right-radius: $_progress-radius; - } - - &.top { - border-top-right-radius: $_progress-radius; - border-top-left-radius: $_progress-radius; - } - - &.bottom { - border-bottom-right-radius: $_progress-radius; - border-bottom-left-radius: $_progress-radius; - } + } &.osd { // progressbar.osd used for epiphany page loading progress min-width: 3px; min-height: 3px; - background-color: transparent; - - > trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; - - > progress { - border-style: none; - border-radius: 0; - } - } + //removed the rest + } > trough.empty > progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 @@ -2974,9 +2623,36 @@ window.dialog.print { **********/ frame, .frame { - border: 1px solid $borders_color; + border: $border_width solid; + @include relief(transparent, sunken, $bg_color); } +//I don't know if in GTK4 these styles are ever found +frame.border-outset +frame.border-inset { + border-color: darken($bg_color,5%); + border-style: inset; + +} + +frame.border-outset { + border-color: darken($bg_color,5%); + border-style: outset; +} + +frame.border-ridge { + border-color: darken($bg_color,5%);//$bg_color; //@include relief(transparent, raised, $bg_color); + border-width: 2 * $border_width; + border-style: ridge; +} + +frame.border-groove { + border-color: darken($bg_color,5%); //@include relief(transparent, raised, $bg_color); + border-width: 2 * $border_width; + border-style: groove; +} + + frame { border-radius: $window_radius; @@ -3033,9 +2709,11 @@ scrolledwindow { //vbox and hbox separators separator { - background: lighten($borders_color, 5%); - min-width: 1px; - min-height: 1px; + border-width: $border_width; + border-style: solid; + @include relief($bg_color); + min-width: 0px; + min-height: 0px; } @@ -3048,23 +2726,19 @@ list { background-color: $base_color; border-color: $borders_color; - &:backdrop { - color: $backdrop_text_color; - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - + > row { padding: 2px; } > row.expander { padding: 0px; } > row.expander .row-header { padding: 2px; } - &.horizontal row.separator, - &.separators.horizontal > row:not(.separator) { + &.horizontal row.separator//, + //&.separators.horizontal > row:not(.separator) + { border-left: 1px solid $_treeview_borders_color; } &:not(.horizontal) row.separator, &.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid $_treeview_borders_color; + //border-bottom: 1px solid $_treeview_borders_color; } } @@ -3072,17 +2746,23 @@ row { @include focus-ring(); &.activatable { - &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + border-width: $border_width; + border-style: solid; + @include relief($base_color); + + &.has-open-popup, // this is for indicating which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 - &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + &:hover { @include relief(if($variant == light, darken($base_color, 5%), lighten($base_color, 5%) )); } - &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + &:active { @include relief($base_color, sunken); } &:selected { - &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + color: $selected_fg_color; + @include relief($selected_bg_color); + &:active { @include relief($selected_bg_color, sunken); } &.has-open-popup, - &:hover { background-color: mix($fg_color, $selected_bg_color, 10%); } + &:hover { @include relief(mix($selected_bg_color, $selected_fg_color, 90%)); } } } @@ -3175,8 +2855,8 @@ columnview row:not(:selected) cell editablelabel.editing text selection { border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: $osd_bg_color; - background-image: linear-gradient(to bottom, transparentize(black, 0.8), - transparent 2px); + //background-image: linear-gradient(to bottom, transparentize(black, 0.8), + // transparent 2px); background-clip: padding-box; button { @extend %osd_button; } @@ -3228,21 +2908,21 @@ expander-widget { ***********/ calendar { color: $text_color; - border: 1px solid $borders_color; + border: $border_width solid; + @include relief ($base_color, sunken); font-feature-settings: "tnum"; > header { border-bottom: 1px solid $borders_color; > button { - border: none; + border: $border_width solid transparent; + padding: 1px; box-shadow: none; background: none; border-radius: 0; } - > button:backdrop { - background: none; - } + } > grid { @@ -3253,10 +2933,10 @@ calendar { } > label.today { - box-shadow: inset 0px -2px $borders_color; + box-shadow: inset 0px 0px 0 1px mix($text_color, $base_color, 30%); &:selected { - box-shadow: none; + box-shadow: inset 0px 0px 0 1px $selected_fg_color; } } @@ -3272,7 +2952,7 @@ calendar { &:selected{ @extend %selected_items; - border-radius: 3px; + //border-radius: 3px; } } @@ -3293,8 +2973,8 @@ window.dialog.message { // Message Dialog styling background-image: none; background-color: $bg_color; border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; + border-top-left-radius: 0;//7px; + border-top-right-radius: 0;//7px; } box.dialog-vbox.vertical { @@ -3309,24 +2989,24 @@ window.dialog.message { // Message Dialog styling &.csd { // rounded bottom border styling for csd version &.background { // bigger radius for better antialiasing - border-bottom-left-radius: $window_radius+1; - border-bottom-right-radius: $window_radius+1; + border-bottom-left-radius: 0;//$window_radius+1; + border-bottom-right-radius: 0;//$window_radius+1; } .dialog-action-area button { padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; + //border-left-style: solid; + //border-right-style: none; + //border-bottom-style: none; &:first-child{ - border-left-style: none; - border-bottom-left-radius: 7px; + //border-left-style: none; + //border-bottom-left-radius: 7px; } &:last-child { - border-bottom-right-radius: 7px; + //border-bottom-right-radius: 7px; } } } @@ -3345,8 +3025,8 @@ filechooserbutton>button>box { border-spacing: 6px; } filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; + box-shadow: inset 0 0 0 1px $success_color; + //border-color: transparent; } @@ -3397,17 +3077,7 @@ stacksidebar { @extend %needs_attention; background-size: 6px 6px, 0 0; } - &:selected { - background-color: $menu_selected_color; - border-radius: $menu_radius; - color: $fg_color; - } - &:selected:hover:dir(ltr), &:selected:hover:dir(rtl) { - background-color: darken($menu_selected_color,5%); - } - &.activatable:active, &.activatable:selected:active { - box-shadow: none; // #3413 - } + } } @@ -3430,24 +3100,10 @@ separator.sidebar { > row { min-height: 36px; padding: 0 8px; - border-radius: $menu-margin; + border-radius: $button_radius; //$menu-margin; margin: 0 $menu-margin 2px; @include focus-ring($focus-state: 'focus-visible:focus-within'); - &:hover { - background-color: mix($menu_selected_color, $base_color, 50%); - } - &:selected { - background-color: $menu_selected_color; - color: inherit; - - &:hover { - background-color: mix($menu_selected_color, $base_color, 10%); - } - - } - - &:disabled { color: $insensitive_fg_color; } } } @@ -3494,7 +3150,7 @@ placessidebar { margin-top: 3px; margin-bottom: 3px; padding: 0; - border-radius: 100%; + //border-radius: 100%; } // in the sidebar case it makes no sense to click the selected row @@ -3511,8 +3167,7 @@ placessidebar { &:drop(active):not(:disabled) { color: $drop_target_color; - box-shadow: inset 0 1px $drop_target_color, - inset 0 -1px $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; &:selected { color: $selected_fg_color; @@ -3544,64 +3199,8 @@ placesview { /********* * Paned * *********/ -paned { - > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; // defeats the ugly default handle decoration - border-style: none; // just to be sure - background-color: transparent; - // workaround, using background instead of a border since the border will get rendered twice (?) - background-image: image($borders_color); - background-size: 1px 1px; +@import '../common/paned.scss'; - &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? - - &.wide { - min-width: 5px; - min-height: 5px; - background-color: $bg_color; - background-image: image($borders_color), image($borders_color); - background-size: 1px 1px, 1px 1px; - } - } - - &.horizontal > separator { - background-repeat: repeat-y; - - &:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; - } - &:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; - } - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; - } - } - - &.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; - } - } -} /************** @@ -3624,11 +3223,8 @@ tooltip { &.background { // background-color needs to be set this way otherwise it gets drawn twice // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. - background-color: transparentize($hint_bg, 0.1); - background-clip: padding-box; - border: 1px solid $tooltip_borders_color; // this subtle border is meant to - // not make the tooltip melt with - // very dark backgrounds + border: $border_width solid; + @include relief($hint_bg); color: $hint_fg; } @@ -3656,54 +3252,9 @@ colorswatch { &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state - $_colorswatch_radius: 5px; + $_colorswatch_radius: 0px; - // base color corners rounding - // to avoid the artifacts caused by rounded corner anti-aliasing the base color - // sports a bigger radius. - // nth-child is needed by the custom color strip. - &.top { - border-top-left-radius: $_colorswatch_radius + 0.5px; - border-top-right-radius: $_colorswatch_radius + 0.5px; - - > overlay { - border-top-left-radius: $_colorswatch_radius; - border-top-right-radius: $_colorswatch_radius; - } - } - - &.bottom { - border-bottom-left-radius: $_colorswatch_radius + 0.5px; - border-bottom-right-radius: $_colorswatch_radius + 0.5px; - - > overlay { - border-bottom-left-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } - - &.left, - &:first-child:not(.top) { - border-top-left-radius: $_colorswatch_radius + 0.5px; - border-bottom-left-radius: $_colorswatch_radius + 0.5px; - - > overlay { - border-top-left-radius: $_colorswatch_radius; - border-bottom-left-radius: $_colorswatch_radius; - } - } - - &.right, - &:last-child:not(.bottom) { - border-top-right-radius: $_colorswatch_radius + 0.5px; - border-bottom-right-radius: $_colorswatch_radius + 0.5px; - - > overlay { - border-top-right-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } &.dark { > overlay { @@ -3768,7 +3319,7 @@ colorswatch { opacity: 0.5; > overlay { - border-color: transparentize(black, 0.4); + border-color: $insensitive_fg_color; box-shadow: none; } } @@ -3789,7 +3340,7 @@ plane { } // colorscale popup -colorchooser .popover.osd { border-radius: 5px; } +colorchooser .popover.osd { border-radius: 0px; } /******** * Misc * @@ -3818,14 +3369,14 @@ colorchooser .popover.osd { border-radius: 5px; } .osd & button.flat { //FIXME: quick hack, redo properly border-style: none; - border-radius: 5px; + //border-radius: 5px; } button { // +/- buttons on GtkVolumeButton popup &:hover { @extend %undecorated_button; background-color: transparentize($fg_color,0.9); - border-radius: 5px; + //border-radius: 5px; } } } @@ -3834,6 +3385,7 @@ colorchooser .popover.osd { border-radius: 5px; } /********************** * Window Decorations * *********************/ + window { // lamefun trick to get rounded borders regardless of CSD use border-width: 0px; @@ -3843,75 +3395,87 @@ window { $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); - &.csd { - box-shadow: 0 3px 9px 1px transparentize(black, 0.5), - 0 0 0 1px $_wm_border; //doing borders with box-shadow - margin: 0px; - border-radius: $window_radius $window_radius 0 0; + &.csd, &.solid-csd { + //unfortunately some windows do not draw decoration borders, and I don't know why. + //Therefore, I'll use box-shadow, which is imperfect. + //border-width: $border_width*2; + //border-style: solid; + //@include relief($bg_color, raised, $titlebar_active_bg ); + box-shadow: 0 0 0 $border_width*2 lighten($titlebar_active_bg, 10%), + $border_width $border_width 0 $border_width darken($titlebar_active_bg, 7%); &:backdrop { // the transparent shadow here is to enforce that the shadow extents don't // change when we go to backdrop, to prevent jumping windows. // The biggest shadow should be in the same order then in the active state // or the jumping will happen during the transition. - box-shadow: 0 3px 9px 1px transparent, - 0 2px 6px 2px transparentize(black, 0.8), - 0 0 0 1px $_wm_border_backdrop; - transition: $backdrop_transition; + //box-shadow: 0 3px 9px 1px transparent, + // 0 2px 6px 2px transparentize(black, 0.8), + // 0 0 0 1px $_wm_border_backdrop; + box-shadow: 0 0 0 $border_width*2 lighten($titlebar_backdrop_bg, 10%), + $border_width $border_width 0 $border_width darken($titlebar_backdrop_bg, 7%); + //@include relief($bg_color, raised, $titlebar_backdrop_bg ); } &.popup { - border-radius: $menu_radius; - box-shadow: 0 1px 5px transparentize(black, 0.8), - 0 0 0 1px transparentize($_wm_border, 0.1); + box-shadow: none; + border-width: $border_width; + border-style: solid; + @include relief($bg_color, raised, $titlebar_backdrop_bg ); + //border-radius: $menu_radius; + //box-shadow: 0 1px 5px transparentize(black, 0.8), + // 0 0 0 1px transparentize($_wm_border, 0.1); } &.dialog.message { - border-radius: $window_radius; - box-shadow: 0 1px 5px transparentize(black, 0.8), - 0 0 0 1px transparentize($_wm_border, 0.1); + //border-radius: $window_radius; + //box-shadow: 0 1px 5px transparentize(black, 0.8), + // 0 0 0 1px transparentize($_wm_border, 0.1); } } &.solid-csd { - margin: 0; - padding: 4px; - border: solid 1px $borders_color; - border-radius: 0; - box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $headerbar_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); + //margin: 0; + //padding: 4px; + //border: solid 1px $borders_color; + //border-radius: 0; + //box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $headerbar_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); - &:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } + //&:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } } &.maximized, - &.fullscreen { border-radius: 0; box-shadow: none; } + &.fullscreen { border-radius: 0; box-shadow: none; border: none;} - &.tiled, - &.tiled-top, - &.tiled-left, - &.tiled-right, - &.tiled-bottom { - border-radius: 0; - box-shadow: 0 0 0 1px $_wm_border, - 0 2px 6px 2px transparentize(black, 0.3), - 0 0 0 20px transparent; //transparent control workaround -- #3670 + //.tiled &, + //.tiled-top &, + //.tiled-right &, + //.tiled-bottom &, + //.tiled-left & { + // border-radius: 0; + // box-shadow: 0 0 0 1px $_wm_border_backdrop, + // 0 2px 6px 2px transparentize(black, 0.3), + // 0 0 0 20px transparent; //transparent control workaround -- #3670 - &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, - 0 2px 6px 2px transparentize(black, 0.6), - 0 0 0 20px transparent; // #3670 - } - } + // &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, + // 0 2px 6px 2px transparentize(black, 0.6), + // 0 0 0 20px transparent; // #3670 + // } + // } - &.popup { box-shadow: none; } + &.popup { + border-width: $border_width; + @include relief($bg_color, raised, $titlebar_backdrop_bg ); + box-shadow: none; } // server-side decorations as used by mutter - &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows + // &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows } tooltip.csd { - border-radius: 5px; - box-shadow: 0 3px 4px transparentize(black, 0.3); //none; + border-radius: 0;//5px; + box-shadow: none; //0 3px 4px transparentize(black, 0.3); //none; } // catch all extend :) @@ -3950,12 +3514,14 @@ shortcut > .keycap { padding-left: 6px; padding-right: 6px; - color: $fg_color; - background-color: $base_color; - border: 1px solid; - border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + color: $text_color; + + border: $border_width solid; + @include relief($base_color); + border-bottom-width: 2 * $border_width; + //border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); border-radius: 5px; - box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + //box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); font-size: smaller; } @@ -4030,13 +3596,10 @@ button.emoji-section { min-width: 32px; min-height: 28px; - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; + @include button(undecorated); - &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); } - &:checked { border-color: $selected_bg_color; } + &:hover { @include button(hover); } + &:checked { @include button(checked-active); } } popover.emoji-picker emoji { @@ -4071,7 +3634,11 @@ popover.entry-completion > contents { } statusbar { - padding: 6px 10px 6px 10px; + padding: 2px 5px 2px 5px; + border-width: $border_width; + border-style: solid; + color: $hint_fg; + @include relief ($hint_bg, sunken); } menubutton { @@ -4101,3 +3668,4 @@ menubutton { } @import '../common/undershoot.scss'; +@import '../common/xfce.scss'; diff --git a/source/gtk4/_drawing.scss b/source/gtk4/_drawing.scss index ad30a74..19782dc 100644 --- a/source/gtk4/_drawing.scss +++ b/source/gtk4/_drawing.scss @@ -14,6 +14,8 @@ $gtk: 4; +@import "../common/relief.scss"; + @mixin focus-ring($target: null, $width: 2px, $offset: -$width, $outer: false, $focus-state: 'focus:focus-visible', $fc: $focus_border_color) { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; @@ -45,79 +47,10 @@ $gtk: 4; // entries -@mixin entry($t, $fc:$focus_border_color) { -// -// Entries drawing function -// -// $t: entry type -// $fc: focus color -// -// possible $t values: -// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop, block_cursor; -// - $_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6); - $_hilight_color: _button_hilight_color($bg_color); - - @if $t==normal { - color: $text_color; - border-color: $text_color;// $borders_color; - background-color: $base_color; - @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); - // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. - } - - - @if $t==insensitive { - color: $insensitive_fg_color; - border-color: $insensitive_fg_color; - background-color: $insensitive_bg_color; - } - @if $t==backdrop { - color: $backdrop_text_color; - border-color: $backdrop_borders_color; - background-color: $backdrop_base_color; - } - @if $t==backdrop-insensitive { - color: $backdrop_insensitive_color; - border-color: $backdrop_borders_color; - background-color: $insensitive_bg_color; - } - @if $t==osd { - color: $osd_text_color; - border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); - -gtk-icon-shadow: 0 1px black; - } - @if $t==osd-focus { - color: $osd_text_color; - border-color: $selected_bg_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - @include _shadows(inset $_entry_shadow, 0 1px $_hilight_color); - } - @if $t==osd-insensitive { - color: $osd_insensitive_fg_color; - border-color: $osd_borders_color; - background-color: $osd_insensitive_bg_color; - background-clip: padding-box; - } - @if $t==osd-backdrop { - color: $osd_text_color; - border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - } - @if $t==block_cursor { - color: $base_color; - background-color: $text_color; - } -} +@import "../common/entry.scss"; // buttons - @import "../common/buttons.scss"; diff --git a/source/gtk4/gtk-new.css b/source/gtk4/gtk-new.css index 6d4494a..94d544f 100644 --- a/source/gtk4/gtk-new.css +++ b/source/gtk4/gtk-new.css @@ -8,22 +8,16 @@ $selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));*/ /*Usually an automatic fg color on these backgrounds should check this value!*/ /*************************** Check and Radio buttons * */ /*************************** Check and Radio buttons * */ -calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #b0dd7e; } +calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { background-color: #669900; } -label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #000000; } +label:selected, calendar > grid > label.day-number:selected, row:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, modelbutton.flat:selected, gridview > child:selected, flowbox > flowboxchild:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { color: #d1ff96; } -label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #586f3f; } - -label:backdrop:selected, calendar > grid > label.day-number:backdrop:selected, row:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, gridview > child:backdrop:selected, flowbox > flowboxchild:backdrop:selected, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected { color: #1d1b22; background-color: rgba(174, 180, 167, 0.7); } - -label:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, textview > text:backdrop:disabled:selected { color: #84a362; } +label:disabled > selection, label:disabled:selected, calendar > grid > label.day-number:disabled:selected, row:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, modelbutton.flat:disabled:selected, gridview > child:disabled:selected, flowbox > flowboxchild:disabled:selected, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected { color: #9ccc4b; } /*************** Base States * */ -.background { color: #241f31; background-color: #a7a7a7; } +.background { color: #EDF0F5; background-color: #3f3e3e; } -.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } - -dnd { color: #241f31; } +dnd { color: #EDF0F5; } .normal-icons { -gtk-icon-size: 16px; } @@ -31,85 +25,85 @@ dnd { color: #241f31; } image:disabled { -gtk-icon-filter: opacity(0.5); } -.view, iconview, textview > text { color: #241f31; background-color: #908f8d; } +.view, iconview, textview > text { color: #EDF0F5; background-color: #323232; } -.view:disabled, iconview:disabled, textview > text:disabled { color: #552222; background-color: #938989; } +.view:disabled, iconview:disabled, textview > text:disabled { color: #7c675a; background-color: #493e37; } -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 0px; } textview > text { background-color: transparent; } -textview > text > selection { background-color: rgba(174, 180, 167, 0.7); } +textview > text > selection { background-color: #669900; } -textview > text > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); } +textview > text > selection:focus-within { background-color: rgba(102, 153, 0, 0.3); } -textview:drop(active) { caret-color: #73d216; } +textview:drop(active) { caret-color: #33d17a; } -textview > border { background-color: #9c9b9a; } +textview > border { background-color: #393838; } iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } iconview { outline: 0 solid transparent; outline-offset: 4px; } -iconview:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +iconview:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } iconview:drop(active) { box-shadow: none; } -iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #8bcd41; } +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: black; } -rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #97d256; background-color: rgba(151, 210, 86, 0.2); } +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #446600; background-color: rgba(68, 102, 0, 0.2); } -flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +flowbox > flowboxchild { padding: 3px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } -flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); } +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); } -gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +gridview > child { padding: 3px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } gridview > child { outline: 0 solid transparent; outline-offset: 4px; } -gridview > child:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +gridview > child:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); } +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); } gridview > child box { border-spacing: 8px; margin: 12px; } -coverflow cover { color: #241f31; background-color: #908f8d; border: 1px solid black; } +coverflow cover { color: #EDF0F5; background-color: #323232; border: 1px solid black; } label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } label { outline: 0 solid transparent; outline-offset: 4px; } -label:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +label:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -label > selection { background-color: rgba(174, 180, 167, 0.7); color: #000000; } +label > selection { background-color: #669900; color: #d1ff96; } -label > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); } +label > selection:focus-within { background-color: rgba(102, 153, 0, 0.3); } -label:disabled { color: #552222; } +label:disabled { color: #7c675a; } button label:disabled { color: inherit; } -label.error { color: #990000; } +label.error { color: #CC0000; } -label.error:disabled { color: rgba(153, 0, 0, 0.5); } +label.error:disabled { color: #7c665a; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } -window.assistant .sidebar { padding: 5px; border-top: 1px solid #797979; } +window.assistant .sidebar { padding: 1px; border-top: 1px solid #252525; } window.assistant.csd .sidebar { border-top-style: none; } window.assistant .sidebar > label { padding: 6px 12px; } -window.assistant .sidebar > label.highlight { background-color: #b0dd7e; border-radius: 5px; } +window.assistant .sidebar > label.highlight { background-color: #669900; border-radius: 1px; } window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } -.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #002269; border: 1px solid #002269; background-color: rgba(103, 137, 180, 0.7); background-clip: padding-box; } +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #66cbec; border-width: 2px; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } /********************* Spinner Animation * */ @keyframes spin { to { transform: rotate(1turn); } } @@ -118,7 +112,7 @@ spinner { background: none; opacity: 0.1; -gtk-icon-source: -gtk-icontheme("proc spinner:checked { opacity: 1; animation: spin 1s linear infinite; } -spinner:checked:disabled { opacity: 0.5; color: #552222; } +spinner:checked:disabled { opacity: 0.5; color: #7c675a; } /********************** General Typography * */ .large-title { font-weight: 300; font-size: 24pt; } @@ -140,204 +134,204 @@ spinner:checked:disabled { opacity: 0.5; color: #552222; } .caption { font-weight: 400; font-size: 9pt; } /**************** Text Entries * */ -spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 1px solid; border-radius: 0px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 1px; padding-right: 1px; border: 2px solid; border-radius: 0px; border-spacing: 6px; transition: none; color: #EDF0F5; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } -spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #908f8d; background-color: #241f31; } +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #323232; background-color: #EDF0F5; } spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { background-color: #323232; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } -spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; border-color: #552222; background-color: #938989; } +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(174, 180, 167, 0.7); color: transparent; } +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: #669900; color: #d1ff96; } -spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); color: #241f31; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(153, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #990000; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #323232; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #938989; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #CC0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(147, 137, 137, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #938989; } +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { background-color: #323232; border-left-color: #c26000; border-top-color: #c26000; border-right-color: #ffa043; border-bottom-color: #ffa043; } -spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #3a3543; } +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; } -spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #241f31; } +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #c8cace; } -spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #b0dd7e; } +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #EDF0F5; } -spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #6e6b72; } +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #669900; } -spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #c8cace; } -.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #002269; border-color: #002269; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); -gtk-icon-shadow: 0 1px black; } +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #002269; border-color: #b0dd7e; background-color: rgba(0, 34, 105, 0.5); background-clip: padding-box; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #34568f; border-color: #002269; background-color: rgba(93, 127, 173, 0.5); background-clip: padding-box; } +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #66cbec; background-color: #203d79; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } -spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #b0dd7e; border-style: solid; box-shadow: none; } +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #669900; border-style: solid; box-shadow: none; } -spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #73d216; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; } -spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #898887; } +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; } -spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #898887; } +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; } -spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #73d216; } - -spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #73d216; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; } - -treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #908f8d; transition-property: color, background; } - -treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #908f8d; } - -treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #b0dd7e; } +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #669900; } /******************* Editable Labels * */ -editablelabel > stack > text { color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); } +editablelabel > stack > text { color: #EDF0F5; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } /*********** Buttons * */ -@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #938989 0%, rgba(147, 137, 137, 0) 0%); } - to { background-image: radial-gradient(farthest-side, #938989 95%, rgba(147, 137, 137, 0)); } } +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } /****************************************************** Buttons * */ -scrollbar > range > trough > slider, notebook > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } -scrollbar > range > trough > slider, notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } -scrollbar > range > trough > slider:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -scrollbar > range > trough > slider:hover, notebook > header > tabs > arrow:hover, button:hover { background-color: shade(#bcbeb9, 1.1); -gtk-icon-filter: brightness(1.2); } +notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } -scrollbar > range > trough > slider.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, scrollbar > range > trough > slider:active, notebook > header > tabs > arrow:active, button.keyboard-activating, button:active { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-duration: 50ms; } +notebook > header > tabs > arrow.keyboard-activating, notebook.frame > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, button.keyboard-activating, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } -scrollbar > range > trough > slider:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { color: #000000; background-color: shade(#b0dd7e, 1.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } -scrollbar > range > trough > slider:checked, notebook > header > tabs > arrow:checked, button:checked, button:checked:active { color: #000000; background-color: #b0dd7e; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -scrollbar > range > trough > slider:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { background-image: none; transition: 200ms ease-out; } +notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); } -scrollbar > range > trough > slider:backdrop:not(:disabled), notebook > header > tabs > arrow:backdrop:not(:disabled), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -scrollbar > range > trough > slider:disabled, notebook > header > tabs > arrow:disabled, button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; -gtk-icon-filter: opacity(0.5); } +button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } -scrollbar > range > trough > slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #552222; background-color: #979687; } +notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } -button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } +notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } -scrollbar > range > trough > slider.image-button, notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.text-button, notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -scrollbar > range > trough > slider.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +notebook > header > tabs > arrow.arrow-button, notebook.frame > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } -scrollbar > range > trough > slider.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +notebook > header > tabs > arrow.arrow-button > box, notebook.frame > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } -scrollbar > range > trough > slider.arrow-button, notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -scrollbar > range > trough > slider.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #d1ff96; border-color: transparent; } -dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollbar > range > trough > slider:drop(active), notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #73d216; border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #EDF0F5; } -row:selected button { border-color: #8bcd41; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #8d8c8a; } - -button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border: none; box-shadow: none; } +button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; box-shadow: none; } button.osd.image-button { min-width: 30px; } -button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } +button.osd.image-button:only-child { margin: 4px; border-radius: 50%; } -button.osd:hover { border: none; box-shadow: none; } +button.osd:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; box-shadow: none; } -button.osd:active, button.osd:checked { border: none; box-shadow: none; } +button.osd:active, button.osd:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; box-shadow: none; } -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #002269; background-color: rgba(103, 137, 180, 0.7); border-color: #002269; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; } +.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { border-width: 2px; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { background-color: shade(rgba(103, 137, 180, 0.7), 1.1); } +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - -button.suggested-action { color: black; background-color: #b0dd7e; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +button.suggested-action { border-width: 2px; color: white; background-color: #26ab62; border-left-color: #48d688; border-top-color: #48d688; border-right-color: #1d814a; border-bottom-color: #1d814a; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } -button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } +button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } -button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #b0dd7e; } +button.suggested-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #26ab62; } -button.suggested-action:hover { background-color: shade(#b0dd7e, 1.1); } +button.suggested-action:hover { border-width: 2px; background-color: #2bbf6e; border-left-color: #5dda95; border-top-color: #5dda95; border-right-color: #229656; border-bottom-color: #229656; } -button.suggested-action:active, button.suggested-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +button.suggested-action:active, button.suggested-action:checked { border-width: 2px; background-color: #26ab62; border-left-color: #1d814a; border-top-color: #1d814a; border-right-color: #48d688; border-bottom-color: #48d688; } -button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(176, 221, 126, 0.8); } +button.suggested-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(38, 171, 98, 0.8); } -button.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #552222; background-color: #979687; } +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.destructive-action { color: white; background-color: #990000; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +.osd button.suggested-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd button.suggested-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd button.suggested-action:active, .osd button.suggested-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd button.suggested-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +button.destructive-action { border-width: 2px; color: white; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } -button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } +button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } -button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; } -button.destructive-action:hover { background-color: shade(#990000, 1.1); } +button.destructive-action:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -button.destructive-action:active, button.destructive-action:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } -button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +button.destructive-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } -button.destructive-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #552222; background-color: #979687; } +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } + +.osd button.destructive-action { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd button.destructive-action:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd button.destructive-action:active, .osd button.destructive-action:checked { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd button.destructive-action:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } -button.font separator { background-color: transparent; } - button.font > box { border-spacing: 6px; } button.font > box > box > label { font-weight: bold; } @@ -346,32 +340,30 @@ menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; menubutton.circular button label, button.circular label { padding: 0; } -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #938989 96%, rgba(147, 137, 137, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; } -stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } -stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } -.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } - -.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ -modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 0px; } -modelbutton.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); } +modelbutton.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -modelbutton.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +modelbutton.flat:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 1; } -modelbutton.flat arrow:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); } +modelbutton.flat arrow:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } @@ -382,58 +374,34 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symboli button.color { padding: 4px; } -button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); } - button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } -.osd button.color > colorswatch:only-child { box-shadow: none; } - -.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } - /* list buttons */ /* tone down as per new designs, see issue #1473 */ -popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(121, 121, 121, 0.5); } - -popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { background-color: shade(#bcbeb9, 1.1); } - -popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } - -popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #b0dd7e; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.455686); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.455686); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; } - -popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } - -popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #990000; border-color: white; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; } - -popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } - /********* Links * */ -button.link, link { color: #004B91; text-decoration: underline; } +button.link, link { color: #99c1f1; text-decoration: underline; } -button.link:visited, link:visited { color: #680091; } +button.link:visited, link:visited { color: #dc8add; } -*:selected button.link:visited, *:selected link:visited { color: #2a003a; } +*:selected button.link:visited, *:selected link:visited { color: #d5d0b2; } -button.link:hover, link:hover { color: #0065c4; } +button.link:hover, link:hover { color: #c6dcf7; } -*:selected button.link:hover, *:selected link:hover { color: #000a14; } +*:selected button.link:hover, *:selected link:hover { color: #d0fca0; } -button.link:active, link:active { color: #004B91; } +button.link:active, link:active { color: #99c1f1; } -*:selected button.link:active, *:selected link:active { color: #000f1d; } +*:selected button.link:active, *:selected link:active { color: #c6f3a8; } -button.link:disabled, link:disabled { color: rgba(73, 73, 73, 0.8); } +button.link:disabled, link:disabled { color: rgba(197, 197, 197, 0.8); } -button.link:selected, *:selected button.link, link:selected, *:selected link { color: #000f1d; } +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #c6f3a8; } link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } link { outline: 0 solid transparent; outline-offset: 4px; } -link:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +link:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } @@ -446,39 +414,47 @@ spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } -.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: #938989; } +.osd spinbutton:not(.vertical) > text:disabled, spinbutton:not(.vertical) > text:disabled { background-color: #493e37; color: #7c675a; } spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-style: none none none solid; border-color: rgba(0, 34, 105, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: rgba(77, 111, 155, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: #152951; -gtk-icon-shadow: 0 1px black; box-shadow: none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #34568f; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #7c675a; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 0px 0px 0; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 0px 0 0 0px; } -spinbutton.vertical:disabled { color: #552222; } +spinbutton.vertical:disabled { color: #7c675a; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } -spinbutton.vertical > text > selection { background-color: rgba(174, 180, 167, 0.7); color: transparent; } +spinbutton.vertical > text > selection { background-color: #669900; color: transparent; } -spinbutton.vertical > text > selection:focus-within { background-color: rgba(176, 221, 126, 0.3); color: #000000; } +spinbutton.vertical > text > selection:focus-within { background-color: rgba(102, 153, 0, 0.3); color: #d1ff96; } -spinbutton.vertical > text > block-cursor { color: #908f8d; background-color: #241f31; } +spinbutton.vertical > text > block-cursor { color: #323232; background-color: #EDF0F5; } spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } -spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } +spinbutton.vertical > button.up { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } +spinbutton.vertical > button.down { border-top-left-radius: 0; border-top-right-radius: 0; } + +.osd spinbutton.vertical > button:first-child { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd spinbutton.vertical > button:first-child:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +.osd spinbutton.vertical > button:first-child:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd spinbutton.vertical > button:first-child:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } @@ -503,16 +479,16 @@ dropdown popover listview, combobox popover listview { margin: 8px 0; } dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } -dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: #241f31; background-color: #b0dd7e; box-shadow: none; } +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #d1ff96; background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; box-shadow: none; } -dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #797979; } +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; } /************ Toolbars * */ -searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #a7a7a7; } +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #3f3e3e; } .osd .toolbar { background-color: transparent; } -.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(103, 137, 180, 0.7); } +.toolbar.osd { padding: 13px; border: none; border-radius: 0px; background-color: #203d79; } .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } @@ -522,18 +498,29 @@ searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; backgr searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } -searchbar > revealer > box { border-style: solid; border-color: #797979; background-color: #999999; } - -searchbar > revealer > box:backdrop { border-color: #828282; background-color: #9a9a9a; box-shadow: none; transition: 200ms ease-out; } +searchbar > revealer > box { border-style: solid; border-color: #252525; background-color: #373636; } /************** GtkInfoBar * */ -infobar > revealer > box { padding: 8px; border-spacing: 12px; } +/************** GtkInfoBar * */ +infobar { background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #868686; background-color: #9d83b9; } +infobar button { border-width: 2px; color: #EDF0F5; background-color: #CC0000; border-left-color: #ff1a1a; border-top-color: #ff1a1a; border-right-color: #990000; border-bottom-color: #990000; } -infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } +infobar button:hover { border-width: 2px; background-color: #e60000; border-left-color: #ff3333; border-top-color: #ff3333; border-right-color: #b30000; border-bottom-color: #b30000; } -infobar .close:hover, searchbar .close:hover { background-color: shade(#bcbeb9, 1.1); } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #CC0000; border-left-color: #990000; border-top-color: #990000; border-right-color: #ff1a1a; border-bottom-color: #ff1a1a; } + +infobar button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +infobar button label, infobar button { color: #EDF0F5; } + +infobar selection { background-color: #252525; } + +infobar *:link { color: #99c1f1; } + +searchbar .close { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +searchbar .close:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } /***************** Title buttons * */ windowcontrols { border-spacing: 6px; } @@ -542,18 +529,40 @@ windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rt windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; } -windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } +windowcontrols button.close { border-width: 2px; color: #d1ff96; background-color: #994d00; border-left-color: #e67400; border-top-color: #e67400; border-right-color: #663300; border-bottom-color: #663300; } -windowcontrols button:hover { background-color: shade(#bcbeb9, 1.1); } +windowcontrols button.close:hover, windowcontrols button.close:hover:backdrop { border-width: 2px; background-color: #b35a00; border-left-color: #ff8000; border-top-color: #ff8000; border-right-color: #804000; border-bottom-color: #804000; } -windowcontrols button:active, windowcontrols button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); } +windowcontrols button.close:active, windowcontrols button.close:active:backdrop { border-width: 2px; background-color: #994d00; border-left-color: #663300; border-top-color: #663300; border-right-color: #e67400; border-bottom-color: #e67400; } -windowcontrols button.close { background-color: #990000; color: white; } +windowcontrols button.close:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +windowcontrols button.close:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } + +windowcontrols button.maximize { border-width: 2px; color: #d1ff96; background-color: #4db53d; border-left-color: #7ccf70; border-top-color: #7ccf70; border-right-color: #3d8f30; border-bottom-color: #3d8f30; } + +windowcontrols button.maximize:hover, windowcontrols button.maximize:hover:backdrop { border-width: 2px; background-color: #5ac24a; border-left-color: #8ed583; border-top-color: #8ed583; border-right-color: #45a237; border-bottom-color: #45a237; } + +windowcontrols button.maximize:active, windowcontrols button.maximize:active:backdrop { border-width: 2px; background-color: #4db53d; border-left-color: #3d8f30; border-top-color: #3d8f30; border-right-color: #7ccf70; border-bottom-color: #7ccf70; } + +windowcontrols button.maximize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +windowcontrols button.maximize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } + +windowcontrols button.minimize { border-width: 2px; color: #d1ff96; background-color: #ae8900; border-left-color: #fbc500; border-top-color: #fbc500; border-right-color: #7b6100; border-bottom-color: #7b6100; } + +windowcontrols button.minimize:hover, windowcontrols button.minimize:hover:backdrop { border-width: 2px; background-color: #c89d00; border-left-color: #ffcd15; border-top-color: #ffcd15; border-right-color: #957500; border-bottom-color: #957500; } + +windowcontrols button.minimize:active, windowcontrols button.minimize:active:backdrop { border-width: 2px; background-color: #ae8900; border-left-color: #7b6100; border-top-color: #7b6100; border-right-color: #fbc500; border-bottom-color: #fbc500; } + +windowcontrols button.minimize:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +windowcontrols button.minimize:backdrop { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } /*************** Header bars * */ -.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6a6a6a; border-radius: 0; background: #8e8e8e linear-gradient(to top, #888888, #909090); /* Darken switchbuttons for headerbars. issue #1588 */ } +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-radius: 0; border: none; background-color: #669900; color: #d1ff96; /* Darken switchbuttons for headerbars. issue #1588 */ } -.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #828282; background-color: #a7a7a7; background-image: none; transition: 200ms ease-out; } +.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } @@ -579,11 +588,11 @@ headerbar switch { margin-top: 10px; margin-bottom: 10px; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } -.titlebar:not(headerbar) separator { background-color: #797979; } +.titlebar:not(headerbar) separator { background-color: #252525; } -window.devel headerbar.titlebar { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(176, 221, 126, 0.2)), linear-gradient(to top, #868686, #8e8e8e 3px, #9d9d9d); } +window.devel headerbar.titlebar { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(102, 153, 0, 0.1)), linear-gradient(to top, #2d2c2c 3px, #323131); } -window.devel headerbar.titlebar:backdrop { background: #a7a7a7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#a7a7a7); /* background-color would flash */ } +window.devel headerbar.titlebar:backdrop { background: #3f3e3e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#3f3e3e); /* background-color would flash */ } /************ Pathbars * */ pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } @@ -599,59 +608,55 @@ pathbar > button image { padding-left: 4px; padding-right: 4px; } pathbar > button.slider-button { padding-left: 0; padding-right: 0; } /************** Tree Views * */ -columnview.view, treeview.view { border-left-color: #7e7d7d; border-top-color: #7e7d7d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +columnview.view, treeview.view { border-left-color: #575859; border-top-color: #575859; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } -columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); } +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); } -columnview.view:disabled, treeview.view:disabled { color: #552222; } +columnview.view:disabled, treeview.view:disabled { color: #7c675a; } -columnview.view:disabled:selected, treeview.view:disabled:selected { color: #6a854c; } +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #91c23c; } -columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #84a362; } - -columnview.view.separator, treeview.view.separator { min-height: 2px; color: #7e7d7d; } - -columnview.view:backdrop, treeview.view:backdrop { border-left-color: #858584; border-top: #858584; } +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #575859; } columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } -columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #8bcd41; } +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: black; } columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; } columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; } -columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #44414d; } +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b5b7bb; } columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -columnview.view.expander:hover, treeview.view.expander:hover { color: #241f31; } +columnview.view.expander:hover, treeview.view.expander:hover { color: #EDF0F5; } -columnview.view.expander:selected, treeview.view.expander:selected { color: #354226; } +columnview.view.expander:selected, treeview.view.expander:selected { color: #b1e069; } -columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #000000; } +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #d1ff96; } columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -columnview.view.progressbar, treeview.view.progressbar { color: #908f8d; background-color: #b0dd7e; background-image: image(#b0dd7e); box-shadow: none; } +columnview.view.expander:disabled, columnview.view.expander:disabled:checked, treeview.view.expander:disabled, treeview.view.expander:disabled:checked { color: #7c675a; } -columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #b0dd7e; background-image: image(#908f8d); } +columnview.view.progressbar, treeview.view.progressbar { background-color: #669900; background-image: image(#669900); box-shadow: none; } -columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #b0dd7e; background-color: #8d8c8a; } +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#323232); } -columnview.view.trough, treeview.view.trough { background-color: rgba(36, 31, 49, 0.1); } +columnview.view.trough, treeview.view.trough { background-color: rgba(237, 240, 245, 0.1); } -columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(0, 0, 0, 0.3); } +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #446600; } -columnview.view > header > button, treeview.view > header > button { color: #5a575f; background-color: #908f8d; font-weight: bold; text-shadow: none; box-shadow: none; } +columnview.view > header > button, treeview.view > header > button { text-shadow: none; box-shadow: none; } -columnview.view > header > button:hover, treeview.view > header > button:hover { color: #3f3b48; box-shadow: none; transition: none; } +columnview.view > header > button:hover, treeview.view > header > button:hover { box-shadow: none; transition: none; } -columnview.view > header > button:active, treeview.view > header > button:active { color: #241f31; transition: none; } +columnview.view > header > button:active, treeview.view > header > button:active { transition: none; } columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } @@ -659,28 +664,24 @@ columnview.view > header > button sort-indicator.ascending, treeview.view > head columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #908f8d; background-image: none; background-color: #b0dd7e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #908f8d; text-shadow: none; transition: none; } +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #323232; background-image: none; background-color: #669900; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #323232; text-shadow: none; transition: none; } -columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #b0dd7e; } +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #669900; } -columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #7e7d7d; border-radius: 0; text-shadow: none; } +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-radius: 0; text-shadow: none; } -columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #a7a7a7; background-image: none; background-color: #938989; color: #552222; } +columnview.view > header > button:disabled, treeview.view > header > button:disabled { background-color: #493e37; color: #7c675a; } -columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } - -/*************** Popovers * */ +/*************** Popovers * (such as menus!) */ popover.background { background-color: transparent; font: initial; } -popover.background > arrow, popover.background > contents { background-color: #908f8d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } +popover.background > arrow, popover.background > contents { border: 2px solid; color: #EDF0F5; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -popover.background:backdrop { background-color: transparent; } - -popover.background > contents { padding: 8px; border-radius: 9px; } +popover.background > contents { padding: 8px; border-radius: 0px; } popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } -popover.background > contents separator { background-color: #878787; margin: 3px; } +popover.background > contents separator { background-color: #2d2c2c; margin: 3px; } popover.background > contents list separator { margin: 0; } @@ -688,24 +689,24 @@ popover.background > contents list separator { margin: 0; } .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } -magnifier { background-color: #908f8d; } +magnifier { background-color: #323232; } /********************** Popover Base Menus * */ popover.menu { padding: 0; } popover.menu box.inline-buttons { padding: 0 12px; } -popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } +popover.menu box.inline-buttons button.image-button.model { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } -popover.menu box.inline-buttons button.image-button.model:selected { background: image(#b0dd7e); } +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#669900); } popover.menu box.circular-buttons { padding: 12px 12px 6px; } popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } -popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #b0dd7e; border-color: #b0dd7e; } +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #669900; border-color: #669900; } -popover.menu > arrow, popover.menu.background > contents { background-color: #908f8d; padding: 5px; } +popover.menu > arrow, popover.menu.background > contents { background-color: #353434; padding: 1px; } popover.menu.background separator { margin: 6px 0; } @@ -715,269 +716,247 @@ popover.menu accelerator:dir(ltr) { margin-left: 12px; } popover.menu accelerator:dir(rtl) { margin-right: 12px; } -popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; box-shadow: none; background-image: image(transparent); color: #241f31; } +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; box-shadow: none; background-image: image(transparent); color: #EDF0F5; } -popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #241f31; box-shadow: none; background-image: image(transparent); } +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #EDF0F5; box-shadow: none; background-image: image(transparent); } -popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: #241f31; box-shadow: none; background-image: image(transparent); } +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: #EDF0F5; box-shadow: none; background-image: image(transparent); } popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } -popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 1px; } -popover.menu modelbutton:selected { color: #241f31; background-color: #b0dd7e; } +popover.menu modelbutton:selected { color: #EDF0F5; background-color: #669900; } -popover.menu modelbutton:selected:active { background-color: #838383; } +popover.menu modelbutton:selected:active { background-color: #1b1b1b; } popover.menu label.title { font-weight: bold; padding: 4px 32px; } -menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } +menubar { padding: 0px; } menubar > item { min-height: 16px; padding: 4px 8px; } -menubar > item:selected { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; } +menubar > item:selected { color: #d1ff96; background-color: #669900; } -menubar > item:disabled { color: #552222; box-shadow: none; } +menubar > item:disabled { color: #7c675a; box-shadow: none; } -menubar > item popover.menu.background > contents { padding: 5px; } +menubar > item popover.menu.background > contents { padding: 1px; } menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } -menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 0px; } /************* Notebooks * */ -notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +notebook, notebook.frame { border-width: 2px; border-style: solid; background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; } -notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } +notebook > header, notebook.frame > header { border: 0 solid; background-color: #3f3e3e; background-color: #3f3e3e; border-left-color: #252525; border-top-color: #252525; border-right-color: #666464; border-bottom-color: #666464; margin: -2px; } -notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +notebook > header tabs, notebook.frame > header tabs { border-width: 0px; border-style: none; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; background-color: #3f3e3e; } -notebook > header { padding: 1px; border-color: #797979; border-width: 1px; background-color: #909090; } +notebook > header.top, notebook.frame > header.top { border-bottom-width: 2px; } -notebook > header > tabs { margin: -1px; } +notebook > header.top > tabs, notebook.frame > header.top > tabs { margin-top: 2px; } -notebook > header.top { border-bottom-style: solid; } +notebook > header.top > tabs > tab, notebook.frame > header.top > tabs > tab { border-bottom: none; margin-top: 2px; } -notebook > header.top > tabs { margin-bottom: -2px; } +notebook > header.top > tabs > tab:checked, notebook.frame > header.top > tabs > tab:checked { margin-bottom: -2px; } -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #797979; } +notebook > header.bottom, notebook.frame > header.bottom { border-top-width: 2px; } -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #b0dd7e; } +notebook > header.bottom > tabs, notebook.frame > header.bottom > tabs { margin-bottom: 2px; } -notebook > header.bottom { border-top-style: solid; } +notebook > header.bottom > tabs > tab, notebook.frame > header.bottom > tabs > tab { border-top: none; margin-bottom: 2px; } -notebook > header.bottom > tabs { margin-top: -2px; } +notebook > header.bottom > tabs > tab:checked, notebook.frame > header.bottom > tabs > tab:checked { margin-top: -2px; } -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #797979; } +notebook > header.left, notebook.frame > header.left { border-right-width: 2px; } -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #b0dd7e; } +notebook > header.left > tabs, notebook.frame > header.left > tabs { margin-right: 0; } -notebook > header.left { border-right-style: solid; } +notebook > header.left > tabs > tab, notebook.frame > header.left > tabs > tab { border-right: none; margin-left: 2px; } -notebook > header.left > tabs { margin-right: -2px; } +notebook > header.left > tabs > tab:checked, notebook.frame > header.left > tabs > tab:checked { margin-right: -2px; padding-right: 12px; } -notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #797979; } +notebook > header.right, notebook.frame > header.right { border-left-width: 2px; } -notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #b0dd7e; } +notebook > header.right > tabs, notebook.frame > header.right > tabs { margin-left: 0; } -notebook > header.right { border-left-style: solid; } +notebook > header.right > tabs > tab, notebook.frame > header.right > tabs > tab { border-left: none; margin-right: 2px; } -notebook > header.right > tabs { margin-left: -2px; } +notebook > header.right > tabs > tab:checked, notebook.frame > header.right > tabs > tab:checked { margin-left: -2px; padding-left: 12px; } -notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #797979; } - -notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #b0dd7e; } - -notebook > header.top > tabs > arrow { border-top-style: none; } - -notebook > header.bottom > tabs > arrow { border-bottom-style: none; } - -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } +notebook > header.top > tabs > arrow, notebook.frame > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow, notebook.frame > header.bottom > tabs > arrow { padding: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -notebook > header.left > tabs > arrow { border-left-style: none; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow { border-left-style: none; } -notebook > header.right > tabs > arrow { border-right-style: none; } +notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { border-right-style: none; } -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } +notebook > header.left > tabs > arrow, notebook.frame > header.left > tabs > arrow, notebook > header.right > tabs > arrow, notebook.frame > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } +notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow { min-height: 1em; min-width: 1em; border-radius: 0; } -notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop), notebook.frame > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; box-shadow: none; } -notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled { border-width: 2px; } -notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #241f31; font-weight: normal; border-width: 1px; border-color: transparent; } +notebook > header tab, notebook.frame > header tab { outline-offset: -5px; font-weight: normal; padding: 3px 10px; border-width: 2px; border-style: solid; border-radius: 0; color: #909194; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; margin: 0px; } -notebook > header > tabs > tab:hover { color: #241f31; background-color: #868686; } +notebook > header tab:hover, notebook.frame > header tab:hover { color: #EDF0F5; background-color: #353434; } -notebook > header > tabs > tab:hover.reorderable-page { border-color: rgba(121, 121, 121, 0.3); background-color: rgba(167, 167, 167, 0.2); } +notebook > header tab:checked, notebook.frame > header tab:checked { background-color: #393838; border-left-color: #605e5e; border-top-color: #605e5e; border-right-color: #1f1f1f; border-bottom-color: #1f1f1f; color: #EDF0F5; } -notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } +notebook > header tab button.flat, notebook.frame > header tab button.flat { padding: 0; min-width: 1em; min-height: 1em; } -notebook > header > tabs > tab:checked { color: #241f31; } +notebook > header tab button.flat:hover, notebook.frame > header tab button.flat:hover { color: currentColor; } -notebook > header > tabs > tab:checked.reorderable-page { border-color: rgba(121, 121, 121, 0.5); background-color: rgba(167, 167, 167, 0.5); } +notebook > header tab button.flat, notebook > header tab button.flat:backdrop, notebook.frame > header tab button.flat, notebook.frame > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } -notebook > header > tabs > tab:checked.reorderable-page:hover { background-color: rgba(167, 167, 167, 0.7); } +notebook > header tab button.flat:last-child, notebook.frame > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } +notebook > header tab button.flat:first-child, notebook.frame > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header > tabs > tab button.flat:hover { color: currentColor; } +notebook > header.top tabs, notebook > header.bottom tabs, notebook.frame > header.top tabs, notebook.frame > header.bottom tabs { padding-left: 2px; padding-right: 2px; } -notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child), notebook.frame > header.top tabs:not(:only-child), notebook.frame > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } -notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child, notebook.frame > header.top tabs:not(:only-child):first-child, notebook.frame > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } -notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child, notebook.frame > header.top tabs:not(:only-child):last-child, notebook.frame > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } -notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } +notebook > header.top tabs tab, notebook > header.bottom tabs tab, notebook.frame > header.top tabs tab, notebook.frame > header.bottom tabs tab { margin-left: 2px; margin-right: 2px; } -notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } +notebook > header.left tabs, notebook > header.right tabs, notebook.frame > header.left tabs, notebook.frame > header.right tabs { padding-top: 2px; padding-bottom: 2px; } -notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } +notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child), notebook.frame > header.left tabs:not(:only-child), notebook.frame > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } -notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child, notebook.frame > header.left tabs:not(:only-child):first-child, notebook.frame > header.right tabs:not(:only-child):first-child { margin-top: -1px; } -notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; } +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child, notebook.frame > header.left tabs:not(:only-child):last-child, notebook.frame > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } -notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } +notebook > header.left tabs tab, notebook > header.right tabs tab, notebook.frame > header.left tabs tab, notebook.frame > header.right tabs tab { margin-top: 2px; margin-bottom: 2px; } -notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } +notebook > header.top tab, notebook.frame > header.top tab { padding-bottom: 4px; } -notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } +notebook > header.bottom tab, notebook.frame > header.bottom tab { padding-top: 4px; } -notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } +notebook > stack:not(:only-child), notebook.frame > stack:not(:only-child) { border: none; background-color: #393838; margin: 2px; } -notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } +notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } -notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; } +notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } -notebook > header.top > tabs > tab { padding-bottom: 4px; } - -notebook > header.bottom > tabs > tab { padding-top: 4px; } - -notebook > stack:not(:only-child) { background-color: #908f8d; } +notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } /************** Scrollbars * */ -scrollbar { background-color: #8d8c8f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +scrollbar { border: 2px solid; background-color: #393838; border-left-color: #1f1f1f; border-top-color: #1f1f1f; border-right-color: #605e5e; border-bottom-color: #605e5e; transition: none; } -scrollbar.top { border-bottom: 1px solid #797979; } +scrollbar > range > trough > slider { padding: 0; background-image: none; min-width: 10px; min-height: 10px; border: 2px solid; border-radius: 0px; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -scrollbar.bottom { border-top: 1px solid #797979; } +scrollbar > range > trough > slider:hover { background-color: #5e675e; border-left-color: #838e83; border-top-color: #838e83; border-right-color: #464c46; border-bottom-color: #464c46; } -scrollbar.left { border-right: 1px solid #797979; } +scrollbar > range > trough > slider:hover:active { background-color: #88cc00; border-left-color: #b3ff1a; border-top-color: #b3ff1a; border-right-color: #669900; border-bottom-color: #669900; } -scrollbar.right { border-left: 1px solid #797979; } +scrollbar > range > trough > slider:disabled { background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scrollbar > range > trough > slider { padding: 0; background-image: none; min-width: 8px; min-height: 8px; margin: 3px; border-radius: 10px; background-clip: padding-box; background-color: #585560; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -scrollbar > range > trough > slider:hover { background-color: #3e3a49; } - -scrollbar > range > trough > slider:hover:active { background-color: #97d256; } - -scrollbar > range > trough > slider:disabled { background-color: transparent; } - -scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #6789b4; } +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } scrollbar.vertical > range > trough > slider { min-height: 40px; } -treeview ~ scrollbar.vertical { border-top: 1px solid #797979; margin-top: -1px; } +scrollbar.overlay-indicator { opacity: 0.5; } /********** Switch * */ -switch { font-weight: bold; font-size: smaller; border: 1px solid #797979; border-radius: 14px; color: #241f31; background-color: #909090; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } +switch { font-weight: bold; font-size: smaller; border: 2px solid; border-radius: 0px; color: #EDF0F5; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } switch { outline: 0 solid transparent; outline-offset: 4px; } -switch:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: 0; } +switch:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: 0; } -headerbar switch { background-color: #7c7c7c; } +switch:checked { color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -switch:checked { color: #000000; border-color: #000000; background-color: #b0dd7e; } +switch:disabled { color: #7c675a; background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -switch:disabled { color: #552222; border-color: #797979; background-color: #938989; text-shadow: none; } - -switch > slider { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +switch > slider { margin: 0px; min-width: 24px; min-height: 24px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } switch > image { color: transparent; } -switch:hover > slider { background-color: shade(#bcbeb9, 1.1); } +switch:hover > slider { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -switch:checked > slider { border: 1px solid #8bcd41; } - -switch:disabled > slider { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } - -row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border-color: #8bcd41; } - -row:selected switch > slider:checked, row:selected switch > slider { border-color: #8bcd41; } +switch:disabled > slider { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } /************************* Check and Radio items * */ -.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #002269; background-color: #b0dd7e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #66cbec; background-color: #669900; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(0, 34, 105, 0.8); background-color: #aeaeae; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(102, 203, 236, 0.8); background-color: #4d4d4d; border-radius: 5px; background-image: none; transition: none; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } -checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +checkbutton { border-spacing: 4px; border-radius: 0px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } checkbutton { outline: 0 solid transparent; outline-offset: 4px; } -checkbutton:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +checkbutton:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } checkbutton.text-button { padding: 4px; } check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } -check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #c9cac6 20%, #bcbeb9 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #5a6659 20%, #4e584d 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:hover, radio:hover { background-image: linear-gradient(to bottom, #d3d4d1 10%, #c6c8c4 90%); } +check:hover, radio:hover { background-image: linear-gradient(to bottom, #647062 10%, #586357 90%); } -check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#afb2ac); } +check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#424a41); } -check:disabled, radio:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:disabled, radio:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #bce292 20%, #b0dd7e 90%); border-color: #000000; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #000000; } +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #77b300 20%, #669900 90%); border-color: #d1ff96; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #d1ff96; } -check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #c6e7a2 10%, #bae18e 90%); } +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #85c700 10%, #74ad00 90%); } -check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#a4d86a); } +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#558000); } -check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #552222; background-image: image(#938989); } +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: #7c675a; background-image: image(#493e37); } -check:disabled, radio:disabled { color: #552222; border-color: #552222; } +check:disabled, radio:disabled { color: #7c675a; border-color: #7c675a; } -row:selected check, row:selected radio { border-color: #000000; } +.osd check, .osd radio { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -check { border-radius: 3px; -gtk-icon-size: 14px; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +.osd check:active, .osd radio:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } + +.osd check:disabled, .osd radio:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +check { border-radius: 0px; -gtk-icon-size: 14px; } check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } @@ -989,66 +968,50 @@ treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-sca treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } -treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #000000; } +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #d1ff96; } /************ GtkScale * */ -progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #797979; border-radius: 3px; background-color: #909090; } +levelbar > trough, progressbar > trough, scale > trough > fill, scale > trough { border: 2px solid; background-color: #323131; border-left-color: #181818; border-top-color: #181818; border-right-color: #595757; border-bottom-color: #595757; } -headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #7c7c7c; } +levelbar > trough:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #938989; border-color: #674e4e; } +.osd levelbar > trough, .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } -row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #8bcd41; } +.osd levelbar > trough:disabled, .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: #493e37; border-left-color: #2c2521; border-top-color: #2c2521; border-right-color: #756358; border-bottom-color: #756358; } -.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: #002269; background-color: rgba(0, 34, 105, 0.3); } +progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 0px; background-color: #669900; } -.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(93, 127, 173, 0.5); } - -progressbar > trough > progress, scale > trough > highlight { border: 1px solid #8bcd41; border-radius: 3px; background-color: #b0dd7e; } - -progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: #7a6060; border-color: transparent; } - -row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #8bcd41; } - -.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: #002269; } - -.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: #53463e; } scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } scale > trough { outline: 0 solid transparent; outline-offset: 16px; } -scale:focus:focus-visible > trough { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: 10px; } +scale:focus:focus-visible > trough { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: 10px; } -scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +scale > trough { transition: none; } -scale > trough > fill, scale > trough > highlight { margin: -1px; } +scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #6789b4; } +scale > trough > fill { background-color: #4c6519; } -scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } +scale > trough > fill:disabled { background-color: #3e3834; } -.osd scale > trough > fill { background-color: #002269; } +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -7px; border-width: 2px; border-style: solid; border-radius: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } +scale > trough > slider:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } +scale > trough > slider:active { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -scale > trough > slider:hover { background-color: shade(#bcbeb9, 1.1); } +scale > trough > slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } -scale > trough > slider:active { border-color: #b0dd7e; } +.osd scale > trough > slider { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } -scale > trough > slider:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +.osd scale > trough > slider:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } -row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #8bcd41; } +.osd scale > trough > slider:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } -.osd scale > trough > slider { border-color: #001d5a; background-color: #6789b4; } - -.osd scale > trough > slider:hover { background-color: #6789b4; } - -.osd scale > trough > slider:active { background-color: #6789b4; } - -.osd scale > trough > slider:disabled { background-color: #6789b4; } +.osd scale > trough > slider:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } @@ -1086,7 +1049,7 @@ scale.vertical.marks-before slider { border-radius: 100% 5px 5px 100%; min-heigh scale.color { min-height: 0; min-width: 0; } -scale.color > trough { background-image: image(#797979); background-repeat: no-repeat; } +scale.color > trough { background-image: image(#252525); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -1107,110 +1070,90 @@ scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } /***************** Progress bars * */ -progressbar { font-size: smaller; color: rgba(36, 31, 49, 0.4); font-feature-settings: "tnum"; } +progressbar { font-size: smaller; color: rgba(237, 240, 245, 0.4); font-feature-settings: "tnum"; } progressbar.horizontal > trough { min-width: 150px; } -progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 0.3em; } progressbar.vertical > trough { min-height: 80px; } -progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 0.3em; } -progressbar.horizontal > trough > progress { margin: 0 -1px; } +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ } -progressbar.vertical > trough > progress { margin: -1px 0; } +progressbar > trough > progress:disabled { background-color: #7c675a; } -progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } - -progressbar > trough > progress:disabled { background-color: #552222; border-color: #552222; } - -progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - -progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - -progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } - -progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } - -progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } - -progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } - -progressbar.osd > trough > progress { border-style: none; border-radius: 0; } +progressbar.osd { min-width: 3px; min-height: 3px; } progressbar > trough.empty > progress { all: unset; } /************* Level Bar * */ /************* Level Bar * */ -levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } +levelbar.horizontal trough > block { min-height: 9px; border-radius: 0px; } -levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 0px 0px 0; } -levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } +levelbar.horizontal trough > block:dir(ltr) { border-radius: 0px 0 0 0px; } -levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 0px; } -levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } +levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 2px; min-width: 24px; border-radius: 0; } -levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } +levelbar.vertical trough > block { min-width: 9px; border-radius: 0px; } -levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 2px; min-height: 32px; } -levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } +levelbar > trough > block.low { background-color: #f57900; } -levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #669900; } -levelbar > trough { padding: 1px; color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); border-radius: 5px; } +levelbar > trough > block.full { background-color: #33d17a; } -levelbar > trough:backdrop { color: #393543; border-color: #828282; background-color: #8d8c8a; } - -levelbar > trough > block { border: 1px solid; } - -levelbar > trough > block.low { border-color: #938989; background-color: #938989; } - -levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #b0dd7e; background-color: #b0dd7e; } - -levelbar > trough > block.full { border-color: #73d216; background-color: #73d216; } - -levelbar > trough > block.empty { background-color: #9a9a9a; border-color: #9a9a9a; } +levelbar > trough > block.empty { background-color: #252525; } /**************** Print dialog * */ -window.dialog.print drawing { color: #241f31; background: none; border: none; padding: 0; } +window.dialog.print drawing { color: #EDF0F5; background: none; border: none; padding: 0; } -window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #797979; } +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #252525; } window.dialog.print .dialog-action-box { margin: 12px; } /********** Frames * */ -frame, .frame { border: 1px solid #797979; } +frame, .frame { border: 2px solid; background-color: transparent; border-left-color: #252525; border-top-color: #252525; border-right-color: #666464; border-bottom-color: #666464; } -frame { border-radius: 8px; } +frame.border-outset frame.border-inset { border-color: #323131; border-style: inset; } + +frame.border-outset { border-color: #323131; border-style: outset; } + +frame.border-ridge { border-color: #323131; border-width: 4px; border-style: ridge; } + +frame.border-groove { border-color: #323131; border-width: 4px; border-style: groove; } + +frame { border-radius: 0px; } frame > label { margin: 4px; } -actionbar > revealer > box { padding: 6px; border-top: 1px solid #797979; } +actionbar > revealer > box { padding: 6px; border-top: 1px solid #252525; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } -scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at top, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.top { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at bottom, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.bottom { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at left, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.left { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #b0dd7e 85%, rgba(176, 221, 126, 0)), radial-gradient(farthest-side at right, rgba(176, 221, 126, 0.07), rgba(176, 221, 126, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow > overshoot.right { background-color: alpha(#CC0000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; } -scrolledwindow > junction { background: #797979, linear-gradient(to bottom, transparent 1px, #8d8c8f 1px), linear-gradient(to right, transparent 1px, #8d8c8f 1px); } +scrolledwindow > junction { background: #252525, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to right, transparent 1px, #393838 1px); } -scrolledwindow > junction:dir(rtl) { background: #797979, linear-gradient(to bottom, transparent 1px, #8d8c8f 1px), linear-gradient(to left, transparent 1px, #8d8c8f 1px); } +scrolledwindow > junction:dir(rtl) { background: #252525, linear-gradient(to bottom, transparent 1px, #393838 1px), linear-gradient(to left, transparent 1px, #393838 1px); } -separator { background: #868686; min-width: 1px; min-height: 1px; } +separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; min-width: 0px; min-height: 0px; } /********* Lists * */ -listview, list { color: #241f31; background-color: #908f8d; border-color: #797979; } - -listview:backdrop, list:backdrop { color: #393543; background-color: #8d8c8a; border-color: #828282; } +listview, list { color: #EDF0F5; background-color: #323232; border-color: #252525; } listview > row, list > row { padding: 2px; } @@ -1218,25 +1161,27 @@ listview > row.expander, list > row.expander { padding: 0px; } listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } -listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #7e7d7d; } - -listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #7e7d7d; } +listview.horizontal row.separator, list.horizontal row.separator { border-left: 1px solid #575859; } row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } row { outline: 0 solid transparent; outline-offset: 4px; } -row:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +row:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(36, 31, 49, 0.05); } +row.activatable { border-width: 2px; border-style: solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; } -row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } +row.activatable.has-open-popup, row.activatable:hover { background-color: #3f3f3f; border-left-color: #656565; border-top-color: #656565; border-right-color: #252525; border-bottom-color: #252525; } -row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } +row.activatable:active { background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; } -row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #a2ca76; } +row.activatable:selected { color: #d1ff96; background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -row:selected { outline-color: rgba(255, 255, 255, 0.8); } +row.activatable:selected:active { background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #71a30f; border-left-color: #a2e915; border-top-color: #a2e915; border-right-color: #51740b; border-bottom-color: #51740b; } + +row:selected { outline-color: rgba(255, 255, 255, 0.3); } columnview > listview > row { padding: 0; } @@ -1244,20 +1189,20 @@ columnview > listview > row > cell { padding: 8px 6px; } columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } -columnview.column-separators > listview > row > cell { border-left-color: #7e7d7d; } +columnview.column-separators > listview > row > cell { border-left-color: #575859; } columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } treeexpander { border-spacing: 4px; } /******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ -columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(176, 221, 126, 0.5); } +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(102, 153, 0, 0.7); } -columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #b0dd7e; } +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #669900; } -columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(174, 180, 167, 0.7); color: transparent; } +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #669900; color: transparent; } -columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(176, 221, 126, 0.3); color: #241f31; } +columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(102, 153, 0, 0.3); color: #EDF0F5; } /******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ .rich-list { /* rich lists usually containing other widgets than just labels/text */ } @@ -1267,7 +1212,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection:focus-wi .rich-list > row > box { border-spacing: 12px; } /********************* App Notifications * */ -.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(103, 137, 180, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: #203d79; background-clip: padding-box; } .app-notification border { border: none; } @@ -1276,7 +1221,7 @@ expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme(" expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -expander:disabled { color: #552222; } +expander:disabled { color: #7c675a; } expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1284,64 +1229,56 @@ expander-widget { transition-property: outline, outline-width, outline-offset, o expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } -expander-widget:focus:focus-visible > box > title { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +expander-widget:focus:focus-visible > box > title { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } -expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } +expander-widget > box > title { transition: none; border-radius: 0px; } -expander-widget > box > title:hover > expander { color: #695a8f; } +expander-widget > box > title:hover > expander { color: white; } .navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } /************ Calendar * */ -calendar { color: #241f31; border: 1px solid #797979; font-feature-settings: "tnum"; } +calendar { color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #191919; border-top-color: #191919; border-right-color: #585858; border-bottom-color: #585858; font-feature-settings: "tnum"; } -calendar > header { border-bottom: 1px solid #797979; } +calendar > header { border-bottom: 1px solid #252525; } -calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } +calendar > header > button { border: 2px solid transparent; padding: 1px; box-shadow: none; background: none; border-radius: 0; } -calendar > header > button:backdrop { background: none; } +calendar > grid > label.today { box-shadow: inset 0px 0px 0 1px #6a6b6d; } -calendar > grid > label.today { box-shadow: inset 0px -2px #797979; } +calendar > grid > label.today:selected { box-shadow: inset 0px 0px 0 1px #d1ff96; } -calendar > grid > label.today:selected { box-shadow: none; } - -calendar > grid > label:focus { outline-color: rgba(176, 221, 126, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; } +calendar > grid > label:focus { outline-color: rgba(102, 153, 0, 0.7); outline-offset: -2px; outline-width: 2px; outline-style: solid; } calendar > grid > label.day-number { padding: 4px; } -calendar > grid > label.day-number:selected { border-radius: 3px; } - calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } /*********** Dialogs * */ -window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #a7a7a7; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #3f3e3e; border-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } window.dialog.message label.title { font-weight: 800; font-size: 15pt; } -window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } +window.dialog.message.csd.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; } -window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } +filechooser .dialog-action-box { border-top: 1px solid #252525; } -window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } - -filechooser .dialog-action-box { border-top: 1px solid #797979; } - -filechooser #pathbarbox { border-bottom: 1px solid #a7a7a7; } +filechooser #pathbarbox { border-bottom: 1px solid #3f3e3e; } filechooserbutton > button > box { border-spacing: 6px; } -filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } +filechooserbutton:drop(active) { box-shadow: inset 0 0 0 1px #33d17a; } /*********** Sidebar * */ -.sidebar { background-color: #9c9b9a; } +.sidebar { background-color: #393838; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #797979; border-left-style: none; } +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #252525; border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #797979; border-right-style: none; } +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #252525; border-right-style: none; } .sidebar listview.view, .sidebar list { background-color: transparent; } @@ -1353,38 +1290,24 @@ stacksidebar row { padding: 10px 4px; transition-property: outline, outline-widt stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } -stacksidebar row:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } +stacksidebar row:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } -stacksidebar row:selected { background-color: #b0dd7e; border-radius: 5px; color: #241f31; } - -stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #a4d86a; } - -stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } - -separator.sidebar { background-color: #797979; } +separator.sidebar { background-color: #252525; } /********************** Navigation Sidebar * */ -.navigation-sidebar { padding: 5px 0; } +.navigation-sidebar { padding: 1px 0; } -.navigation-sidebar > separator { margin: 5px; } +.navigation-sidebar > separator { margin: 1px; } -.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 0px; margin: 0 1px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } .navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } -.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: -2px; } - -.navigation-sidebar > row:hover { background-color: #a0b686; } - -.navigation-sidebar > row:selected { background-color: #b0dd7e; color: inherit; } - -.navigation-sidebar > row:selected:hover { background-color: #93978c; } - -.navigation-sidebar > row:disabled { color: #552222; } +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: -2px; } /**************** File chooser * */ row image.sidebar-icon { opacity: 1; } @@ -1402,17 +1325,17 @@ placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-r placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } -button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; } placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } -placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#73d216); background-clip: content-box; } +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#33d17a); background-clip: content-box; } -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #b0dd7e; } +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #669900; } -placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #73d216; box-shadow: inset 0 1px #73d216, inset 0 -1px #73d216; } +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } -placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #000000; background-color: #73d216; } +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #d1ff96; background-color: #33d17a; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } @@ -1421,23 +1344,15 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier( placesview > actionbar > revealer > box > box { border-spacing: 6px; } /********* Paned * */ -paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#797979); background-size: 1px 1px; } +paned > separator { min-width: 4px; min-height: 4px; -gtk-icon-source: none; border-width: 2px; border-style: solid; background-image: radial-gradient(circle closest-side, #EDF0F5 0%, #EDF0F5 75%, rgba(237, 240, 245, 0) 100%); background-clip: padding-box; background-repeat: no-repeat; background-position: center; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; } -paned > separator:selected { background-image: image(#b0dd7e); } +paned > separator:selected { background-color: #669900; border-left-color: #99e600; border-top-color: #99e600; border-right-color: #446600; border-bottom-color: #446600; } -paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #a7a7a7; background-image: image(#797979), image(#797979); background-size: 1px 1px, 1px 1px; } +paned > separator.wide { min-width: 5px; min-height: 5px; } -paned.horizontal > separator { background-repeat: repeat-y; } +paned.horizontal > separator.wide { margin: 0; padding: 0; } -paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - -paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - -paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } - -paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - -paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } +paned.vertical > separator.wide { margin: 0; padding: 0; } /************** GtkVideo * */ video { background: black; } @@ -1445,134 +1360,106 @@ video { background: black; } video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /************ Tooltips * */ -tooltip { padding: 6px 10px; border-radius: 8px; } +tooltip { padding: 6px 10px; border-radius: 0px; } -tooltip.background { background-color: rgba(103, 137, 180, 0.9); background-clip: padding-box; border: 1px solid #002269; color: #002269; } +tooltip.background { border: 2px solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; color: #66cbec; } tooltip > box { border-spacing: 6px; } /***************** Color Chooser * */ -colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +colorswatch { transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } colorswatch { outline: 0 solid transparent; outline-offset: 6px; } -colorswatch:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 4px; outline-offset: -2px; } +colorswatch:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 4px; outline-offset: -2px; } colorswatch:drop(active), colorswatch { border-style: none; } -colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } - -colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } - -colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - -colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } - -colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } - -colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.dark > overlay { color: white; } -colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); } +colorswatch.dark.activatable:hover > overlay { border-color: #252525; } colorswatch.light > overlay { color: black; } -colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); } +colorswatch.light.activatable:hover > overlay { border-color: #252525; } colorswatch:drop(active) { box-shadow: none; } -colorswatch:drop(active).light > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px #61b213, inset 0 0 0 1px #73d216; } +colorswatch:drop(active).light > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch:drop(active).dark > overlay { border-color: #73d216; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #73d216; } +colorswatch:drop(active).dark > overlay { border-color: #33d17a; box-shadow: inset 0 0 0 2px #252525, inset 0 0 0 1px #33d17a; } -colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); } +colorswatch > overlay { border: 1px solid #252525; } colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } -colorswatch#add-color-button { border-radius: 5px 0 0 5px; } +colorswatch#add-color-button { border-radius: 0px 0 0 0px; } -colorswatch#add-color-button:only-child { border-radius: 5px; } +colorswatch#add-color-button:only-child { border-radius: 0px; } -colorswatch#add-color-button > overlay { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); } +colorswatch#add-color-button > overlay { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } -colorswatch#add-color-button.activatable:hover > overlay { background-color: shade(#bcbeb9, 1.1); } +colorswatch#add-color-button.activatable:hover > overlay { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } colorswatch:disabled { opacity: 0.5; } -colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } +colorswatch:disabled > overlay { border-color: #7c675a; box-shadow: none; } -row:selected colorswatch { box-shadow: 0 0 0 2px #000000; } +row:selected colorswatch { box-shadow: 0 0 0 2px #d1ff96; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } -plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +plane { transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } plane { outline: 0 solid transparent; outline-offset: 6px; } -plane:focus:focus-visible { outline-color: rgba(176, 221, 126, 0.5); outline-width: 2px; outline-offset: 2px; } +plane:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.7); outline-width: 2px; outline-offset: 2px; } -colorchooser .popover.osd { border-radius: 5px; } +colorchooser .popover.osd { border-radius: 0px; } /******** Misc * */ -.content-view { background-color: #959595; } +.content-view { background-color: #2d2c2c; } .content-view:hover { -gtk-icon-filter: brightness(1.2); } -.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } -.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } +.content-view .tile:active, .content-view .tile:selected { background-color: #669900; } -.content-view .tile:disabled { background-color: transparent; } +.content-view .tile:disabled { background-color: #493e37; } -.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } +.osd .scale-popup button.flat { border-style: none; } -.scale-popup button:hover { background-color: rgba(36, 31, 49, 0.1); border-radius: 5px; } +.scale-popup button:hover { background-color: rgba(237, 240, 245, 0.1); } /********************** Window Decorations * */ window { border-width: 0px; } -window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; } +window.csd, window.solid-csd { box-shadow: 0 0 0 4px #88cc00, 2px 2px 0 2px #4e7500; } -window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } +window.csd:backdrop, window.solid-csd:backdrop { box-shadow: 0 0 0 4px #595757, 2px 2px 0 2px #2d2c2c; } -window.csd.popup { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +window.csd.popup, window.solid-csd.popup { box-shadow: none; border-width: 2px; border-style: solid; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; } -window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; border: none; } -window.solid-csd { margin: 0; padding: 4px; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } +window.popup { border-width: 2px; background-color: #3f3e3e; border-left-color: #666464; border-top-color: #666464; border-right-color: #252525; border-bottom-color: #252525; box-shadow: none; } -window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8), 0 3px 5px rgba(0, 0, 0, 0.7); } - -window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } - -window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 2px 6px 2px rgba(0, 0, 0, 0.7), 0 0 0 20px transparent; } - -window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; } - -window.popup { box-shadow: none; } - -window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - -tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); } +tooltip.csd { border-radius: 0; box-shadow: none; } .monospace { font-family: monospace; } /********************** Touch Copy & Paste * */ /********************** Touch Copy & Paste * */ -cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #626262; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } +cursor-handle { border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; border: 1px solid #090909; border-radius: 100%; transition: none; transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; } -cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); } +cursor-handle:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -cursor-handle:active { border-color: #8bcd41; } +cursor-handle:active { border-color: black; } -cursor-handle:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; } +cursor-handle:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { border-radius: 100% 5px 5px 5px; } @@ -1584,9 +1471,9 @@ shortcuts-section { margin: 20px; } shortcut { border-spacing: 6px; } -shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #241f31; background-color: #908f8d; border: 1px solid; border-color: #909090; border-radius: 5px; box-shadow: inset 0 -3px #a2a2a2; font-size: smaller; } +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #EDF0F5; border: 2px solid; background-color: #323232; border-left-color: #585858; border-top-color: #585858; border-right-color: #191919; border-bottom-color: #191919; border-bottom-width: 4px; border-radius: 5px; font-size: smaller; } -:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #73d216; box-shadow: inset 0 0 0 1px #73d216; caret-color: #73d216; } +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; caret-color: #33d17a; } stackswitcher > button.text-button { min-width: 100px; } @@ -1604,29 +1491,29 @@ stackswitcher.circular > button.circular, stackswitcher.circular > button.text-b /********* Emoji * */ popover.emoji-picker > contents { padding: 0; } -.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #797979; } +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #252525; } -.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #797979; } +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #252525; } -button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -button.emoji-section:hover { border-color: #797979; } +button.emoji-section:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; } -button.emoji-section:checked { border-color: #b0dd7e; } +button.emoji-section:checked { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } -popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #b0dd7e; } +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #669900; } emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } -emoji-completion-row:focus, emoji-completion-row:hover { background-color: #b0dd7e; color: #000000; } +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #669900; color: #d1ff96; } -emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #b0dd7e; } +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #669900; } popover.entry-completion > contents { padding: 0; } -statusbar { padding: 6px 10px 6px 10px; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #66cbec; background-color: #203d79; border-left-color: #152951; border-top-color: #152951; border-right-color: #305cb6; border-bottom-color: #305cb6; } menubutton > button > box { border-spacing: 6px; } @@ -1642,93 +1529,105 @@ menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -undershoot { background-repeat: no-repeat; background-clip: border-box; } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } -undershoot.top { background-image: linear-gradient(to bottom, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: top; } +undershoot.top { background-size: 100% 0.5em; background-position: top; } -undershoot.bottom { background-image: linear-gradient(to top, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 100% 1em; background-position: bottom; } +undershoot.bottom { background-size: 100% 0.5em; background-position: bottom; } -undershoot.left { background-image: linear-gradient(to right, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: left; } +undershoot.left { background-size: 0.5em 100%; background-position: left; } -undershoot.right { background-image: linear-gradient(to left, alpha(currentColor,0.5), alpha(currentColor,0.2), alpha(currentColor,0)); background-size: 1em 100%; background-position: right; } +undershoot.right { background-size: 0.5em 100%; background-position: right; } + +#XfceNotifyWindow { color: #66cbec; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow label { color: #66cbec; } + +#XfceNotifyWindow label #summary { font-weight: bold; } + +#XfceNotifyWindow button { border-width: 2px; color: #66cbec; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } + +#XfceNotifyWindow button:hover { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #3566ca; border-top-color: #3566ca; border-right-color: #1b3365; border-bottom-color: #1b3365; } + +#XfceNotifyWindow button:active { border-width: 2px; color: #66cbec; background-color: #25478d; border-left-color: #1b3365; border-top-color: #1b3365; border-right-color: #3566ca; border-bottom-color: #3566ca; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #241f31; +@define-color theme_fg_color #EDF0F5; /* text color for entries, views and content in general */ -@define-color theme_text_color #241f31; +@define-color theme_text_color #EDF0F5; /* widget base background color */ -@define-color theme_bg_color #a7a7a7; +@define-color theme_bg_color #3f3e3e; /* text widgets and the like base background color */ -@define-color theme_base_color #908f8d; +@define-color theme_base_color #323232; /* base background color of selections */ -@define-color theme_selected_bg_color #b0dd7e; +@define-color theme_selected_bg_color #669900; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #000000; +@define-color theme_selected_fg_color #d1ff96; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #938989; +@define-color insensitive_bg_color #493e37; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #552222; +@define-color insensitive_fg_color #7c675a; /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #908f8d; +@define-color insensitive_base_color #323232; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #66636c; +@define-color theme_unfocused_fg_color #EDF0F5; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #241f31; +@define-color theme_unfocused_text_color #EDF0F5; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #a7a7a7; +@define-color theme_unfocused_bg_color #3f3e3e; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #8d8c8a; +@define-color theme_unfocused_base_color #323232; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #b0dd7e; +@define-color theme_unfocused_selected_bg_color #669900; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #000000; +@define-color theme_unfocused_selected_fg_color #d1ff96; /* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #818181; +@define-color unfocused_insensitive_color #493e37; /* widgets main borders color */ -@define-color borders #797979; +@define-color borders #252525; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #828282; +@define-color unfocused_borders #252525; /* these are pretty self explicative */ -@define-color warning_color #938989; -@define-color error_color #990000; -@define-color success_color #73d216; +@define-color warning_color #f57900; +@define-color error_color #CC0000; +@define-color success_color #33d17a; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#241f31, 1.8); -@define-color wm_unfocused_title #66636c; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#a7a7a7, 1.2); -@define-color wm_bg_b #a7a7a7; +@define-color wm_title shade(#EDF0F5, 1.8); +@define-color wm_unfocused_title #EDF0F5; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(237, 240, 245, 0.07); +@define-color wm_bg_a shade(#3f3e3e, 1.2); +@define-color wm_bg_b #3f3e3e; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#a7a7a7, 1.3); -@define-color wm_button_hover_color_b #a7a7a7; -@define-color wm_button_active_color_a shade(#a7a7a7, 0.85); -@define-color wm_button_active_color_b shade(#a7a7a7, 0.89); -@define-color wm_button_active_color_c shade(#a7a7a7, 0.9); +@define-color wm_button_hover_color_a shade(#3f3e3e, 1.3); +@define-color wm_button_hover_color_b #3f3e3e; +@define-color wm_button_active_color_a shade(#3f3e3e, 0.85); +@define-color wm_button_active_color_b shade(#3f3e3e, 0.89); +@define-color wm_button_active_color_c shade(#3f3e3e, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #908f8d; +@define-color content_view_bg #323232; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #908f8d; +@define-color text_view_bg #232323; diff --git a/source/templates/_theme_colors.scss b/source/templates/_theme_colors.scss index c170a99..707908b 100644 --- a/source/templates/_theme_colors.scss +++ b/source/templates/_theme_colors.scss @@ -16,7 +16,7 @@ $disabled_fg: ${vdisabled_fg}; $disabled_bg: ${vdisabled_bg}; /*Usually an automatic fg color on these backgrounds should check this value!*/ -$warningc: ${vdisabled_bg}; +$warningc: ${vwarningc}; $errorc: ${verrorc}; $successc: ${vsuccessc}; @@ -35,3 +35,8 @@ $osd_bg: ${vosd_bg}; $link_fg: ${vlink_fg}; $link_visited_fg: ${vlink_visited_fg}; + +// ---- These are not colors, but other types of variables: + +$button_radius: ${vbutton_radius}; +$window_radius: ${vwindow_radius}; diff --git a/source/templates/_theme_colors.scss.processed b/source/templates/_theme_colors.scss.processed index cc4c959..6de2583 100644 --- a/source/templates/_theme_colors.scss.processed +++ b/source/templates/_theme_colors.scss.processed @@ -1,37 +1,42 @@ -$window_fg: #241f31; -$window_bg: #a7a7a7; -$text_widget_fg: #241f31; -$text_widget_bg: #908f8d; +$window_fg: #EDF0F5; +$window_bg: #3f3e3e; +$text_widget_fg: #EDF0F5; +$text_widget_bg: #323232; -$selected_fg: #000000; -$selected_bg: #b0dd7e; +$selected_fg: #d1ff96; +$selected_bg: #669900; -$button_fg: #241f31; -$button_bg: #bcbeb9; -$button_checked_bg: #b0dd7e; -$button_checked_fg: #000000; +$button_fg: #EDF0F5; +$button_bg: #4e584d; +$button_checked_bg: #669900; +$button_checked_fg: #d1ff96; -$disabled_fg: #552222; -$disabled_bg: #938989; +$disabled_fg: #7c675a; +$disabled_bg: #493e37; /*Usually an automatic fg color on these backgrounds should check this value!*/ -$warningc: #938989; -$errorc: #990000; -$successc: #73d216; +$warningc: #f57900; +$errorc: #CC0000; +$successc: #33d17a; -$titlebar_active_fg: #000000; -$titlebar_active_bg: #b0dd7e; +$titlebar_active_fg: #d1ff96; +$titlebar_active_bg: #669900; -$titlebar_backdrop_fg: #241f31; -$titlebar_backdrop_bg: #a7a7a7; +$titlebar_backdrop_fg: #EDF0F5; +$titlebar_backdrop_bg: #3f3e3e; -$hint_fg: #002269; -$hint_bg: #6789b4; +$hint_fg: #66cbec; +$hint_bg: #203d79; -$osd_fg: #002269; -$osd_bg: #6789b4; +$osd_fg: #66cbec; +$osd_bg: #203d79; -$link_fg: #004B91; -$link_visited_fg: #680091; +$link_fg: #99c1f1; +$link_visited_fg: #dc8add; + +// ---- These are not colors, but other types of variables: + +$button_radius: 0px; +$window_radius: 0px; diff --git a/source/templates/colorscheme-Soil_dark.sh b/source/templates/colorscheme-Simple.sh similarity index 84% rename from source/templates/colorscheme-Soil_dark.sh rename to source/templates/colorscheme-Simple.sh index e206f38..d1fa1e9 100755 --- a/source/templates/colorscheme-Soil_dark.sh +++ b/source/templates/colorscheme-Simple.sh @@ -9,22 +9,22 @@ # Soil colors: dark gray, with green accents, readable and easy on the eyes -vwindow_fg="#c0c0c0" +vwindow_fg="#EDF0F5" vwindow_bg="#3f3e3e" -vtext_widget_fg="#b0b0b0" -vtext_widget_bg="#2d2c2c" +vtext_widget_fg="#EDF0F5" +vtext_widget_bg="#323232" -vselected_fg="#b5f08f" +vselected_fg="#d1ff96" vselected_bg="#669900" vbutton_fg=$vtext_widget_fg -vbutton_bg="#343F37" +vbutton_bg="#4e584d" vbutton_checked_bg=$vselected_bg vbutton_checked_fg=$vselected_fg -vdisabled_fg="#a14242" -vdisabled_bg="#482B2B" +vdisabled_fg="#7c675a" +vdisabled_bg="#493e37" # Usually an automatic fg color on these backgrounds should check this value! @@ -39,8 +39,8 @@ vtitlebar_active_bg=$vselected_bg vtitlebar_backdrop_fg=$vwindow_fg vtitlebar_backdrop_bg=$vwindow_bg -vhint_fg="#5696c1" -vhint_bg="#25456e" +vhint_fg="#66cbec" +vhint_bg="#203d79" vosd_fg=$vhint_fg vosd_bg=$vhint_bg @@ -48,6 +48,9 @@ vosd_bg=$vhint_bg vlink_fg="#99c1f1" vlink_visited_fg="#dc8add" +vbutton_radius="0px" +vwindow_radius="0px" + # export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg diff --git a/source/templates/colorscheme-Skewaita_original_light.sh b/source/templates/colorscheme-Skewaita_original_light.sh index 6a5c7fe..93dc93e 100755 --- a/source/templates/colorscheme-Skewaita_original_light.sh +++ b/source/templates/colorscheme-Skewaita_original_light.sh @@ -48,6 +48,9 @@ vosd_bg=$vhint_bg vlink_fg="#004B91" vlink_visited_fg="#680091" +vbutton_radius="0px" +vwindow_radius="0px" + # export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg diff --git a/source/templates/gtkrc b/source/templates/gtkrc index 1875b4b..0a01a97 100644 --- a/source/templates/gtkrc +++ b/source/templates/gtkrc @@ -92,7 +92,7 @@ style "default" { menubarstyle = 2 toolbarstyle = 1 animation = FALSE - radius = 3.0 + radius = 0.0 style = GUMMY # Set a hint to disable backward compatibility fallbacks. diff --git a/source/templates/gtkrc(clearlooks) b/source/templates/gtkrc(clearlooks) new file mode 100644 index 0000000..0a01a97 --- /dev/null +++ b/source/templates/gtkrc(clearlooks) @@ -0,0 +1,442 @@ + +# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. + +gtk-color-scheme = "bg_color:${vwindow_bg}" +gtk-color-scheme = "fg_color:${vwindow_fg}" +gtk-color-scheme = "base_color:${vtext_widget_bg}" +gtk-color-scheme = "text_color:${vtext_widget_fg}" +gtk-color-scheme = "selected_bg_color:${vselected_bg}" +gtk-color-scheme = "selected_fg_color:${vselected_fg}" +gtk-color-scheme = "tooltip_bg_color:${vhint_bg}" +gtk-color-scheme = "tooltip_fg_color:${vhint_fg}" +gtk-color-scheme = "disabled_bg_color:${vdisabled_bg}" +gtk-color-scheme = "disabled_fg_color:${vdisabled_fg}" +gtk-color-scheme = "button_bg_color:${vbutton_bg}" +gtk-color-scheme = "button_fg_color:${vbutton_fg}" +gtk-color-scheme = "button_checked_bg_color:${vbutton_checked_bg}" +gtk-color-scheme = "button_checked_fg_color:${vbutton_checked_fg}" + + +style "default" { + xthickness = 1 + ythickness = 1 + + ####################### + # Style Properties + ####################### + GtkButton::child-displacement-x = 1 + GtkButton::child-displacement-y = 1 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::image-spacing = 4 + GtkToolButton::icon-spacing = 4 + + GtkCheckButton::indicator-size = 14 + + GtkPaned::handle-size = 6 + + GtkRange::trough-border = 0 + GtkRange::slider-width = 15 + GtkRange::stepper-size = 15 + + GtkScale::slider-length = 23 + GtkScale::trough-side-details = 1 + + GtkScrollbar::min-slider-length = 30 + GtkMenuBar::internal-padding = 0 + GtkExpander::expander-size = 16 + GtkToolbar::internal-padding = 1 + GtkTreeView::expander-size = 14 + GtkTreeView::vertical-separator = 0 + + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + WnckTasklist::fade-overlay-rect = 0 + # The following line hints to gecko (and possibly other appliations) + # that the entry should be drawn transparently on the canvas. + # Without this, gecko will fill in the background of the entry. + GtkEntry::honors-transparent-bg-hint = 1 + + GtkEntry::progress-border = { 2, 2, 2, 2 } + + #################### + # Color Definitions + #################### + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.02, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @disabled_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = @disabled_fg_color + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @disabled_fg_color + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = @disabled_bg_color + base[ACTIVE] = shade (0.9, @selected_bg_color) + + engine "clearlooks" { + colorize_scrollbar = FALSE + reliefstyle = 1 + menubarstyle = 2 + toolbarstyle = 1 + animation = FALSE + radius = 0.0 + style = GUMMY + + # Set a hint to disable backward compatibility fallbacks. + hint = "use-hints" + } +} + +style "wide" { + xthickness = 2 + ythickness = 2 +} + +style "wider" { + xthickness = 3 + ythickness = 3 +} + +style "entry" { + xthickness = 3 + ythickness = 3 + + bg[SELECTED] = mix (0.4, @selected_bg_color, @base_color) + fg[SELECTED] = @text_color + + engine "clearlooks" { + focus_color = shade (0.65, @selected_bg_color) + } +} + +style "spinbutton" { + + engine "clearlooks" { + hint = "spinbutton" + } +} + +style "scale" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + hint = "scale" + } +} + +style "vscale" { + + engine "clearlooks" { + hint = "vscale" + } +} + +style "hscale" { + + engine "clearlooks" { + hint = "hscale" + } +} + +style "scrollbar" { + xthickness = 2 + ythickness = 2 + + engine "clearlooks" { + hint = "scrollbar" + } +} + +style "hscrollbar" { + + engine "clearlooks" { + hint = "hscrollbar" + } +} + +style "vscrollbar" { + + engine "clearlooks" { + hint = "vscrollbar" + } +} + +style "notebook_bg" { + + bg[NORMAL] = shade (1.02, @bg_color) +} + +style "button" { + xthickness = 3 + ythickness = 3 + + bg[NORMAL] = @button_bg_color + fg[NORMAL] = @button_fg_color + bg[PRELIGHT] = shade (1.06, @button_bg_color) + bg[ACTIVE] = @button_checked_bg_color + fg[ACTIVE] = @button_checked_fg_color +} + +# The color is changed by the notebook_bg style, this style +# changes the x/ythickness +style "notebook" { + xthickness = 3 + ythickness = 3 +} + +style "statusbar" { + + engine "clearlooks" { + hint = "statusbar" + } +} + +style "comboboxentry" { + + engine "clearlooks" { + # Note: + # If you set the appears-as-list option on comboboxes in the theme, + # then you should set this hint on the combobox instead. + hint = "comboboxentry" + } +} + +style "menubar" { + + engine "clearlooks" { + hint = "menubar" + } +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = shade (1.08, @bg_color) + + engine "clearlooks" { + radius = 0.0 + } +} + +style "menu_item" { + xthickness = 2 + ythickness = 3 + + fg[PRELIGHT] = @selected_fg_color +} + +# This style is there to modify the separator menu items. The goals are: +# 1. Get a specific height. +# 2. The line should go to the edges (ie. no border at the left/right) +style "separator_menu_item" { + xthickness = 1 + ythickness = 0 + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 7 +} + +style "frame_title" { + + fg[NORMAL] = lighter (@fg_color) +} + +style "treeview" { + + engine "clearlooks" { + hint = "treeview" + } +} + +# The almost useless progress bar style +style "progressbar" { + xthickness = 1 + ythickness = 1 + + fg[PRELIGHT] = @selected_fg_color + + engine "clearlooks" { + # Explicitly set the radius for the progress bars inside menu items. + radius = 3.0 + + hint = "progressbar" + } +} + +# This style is based on the default style, so that the colors from the button +# style are overriden again. +style "treeview_header" = "default" { + xthickness = 2 + ythickness = 1 + + engine "clearlooks" { + hint = "treeview-header" + } +} + +style "tooltips" { + xthickness = 4 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color +} + +style "nautilus_location" { + + bg[NORMAL] = mix (0.60, shade (1.05, @bg_color), @selected_bg_color) +} + +# Wrokaroudn style for places where the text color is used instead of the fg color. +style "text_is_fg_color_workaround" { + + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for menus where the text color is used instead of the fg color. +style "menuitem_text_is_fg_color_workaround" { + + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + text[ACTIVE] = @fg_color + text[INSENSITIVE] = @disabled_fg_color +} + +# Workaround style for places where the fg color is used instead of the text color. +style "fg_is_text_color_workaround" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[SELECTED] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + fg[INSENSITIVE] = @disabled_fg_color +} + +# Style to set the toolbar to use a flat style. This is because the "New" button in +# Evolution is not drawn transparent. So if there is a gradient in the background it will +# look really wrong. +# See http://bugzilla.gnome.org/show_bug.cgi?id=446953. +style "evo_new_button_workaround" { + + engine "clearlooks" { + toolbarstyle = 0 + } +} + + +############################################################################### +# The following part of the gtkrc applies the different styles to the widgets. +############################################################################### + +# The default style is applied to every widget +class "GtkWidget" style "default" + +class "GtkSeparator" style "wide" +class "GtkFrame" style "wide" +class "GtkCalendar" style "wide" +class "GtkEntry" style "entry" + +class "GtkSpinButton" style "spinbutton" +class "GtkScale" style "scale" +class "GtkVScale" style "vscale" +class "GtkHScale" style "hscale" +class "GtkScrollbar" style "scrollbar" +class "GtkHScrollbar" style "hscrollbar" +class "GtkVScrollbar" style "vscrollbar" + +# General matching follows. The order is choosen so that the right styles override +# each other. EG. progressbar needs to be more important than the menu match. +widget_class "*<GtkNotebook>" style "notebook_bg" +# This is not perfect, it could be done better. +# (That is modify *every* widget in the notebook, and change those back that +# we really don't want changed) +widget_class "*<GtkNotebook>*<GtkEventBox>" style "notebook_bg" +widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "notebook_bg" +widget_class "*<GtkNotebook>*<GtkLayout>" style "notebook_bg" +widget_class "*<GtkNotebook>*<GtkViewport>" style "notebook_bg" +widget_class "*<GtkNotebook>*<GtkScrolledWindow>" style "notebook_bg" + +widget_class "*<GtkButton>" style "button" +widget_class "*<GtkNotebook>" style "notebook" +widget_class "*<GtkStatusbar>*" style "statusbar" + +widget_class "*<GtkComboBoxEntry>*" style "comboboxentry" +widget_class "*<GtkCombo>*" style "comboboxentry" + +widget_class "*<GtkMenuBar>*" style "menubar" +widget_class "*<GtkMenu>*" style "menu" +widget_class "*<GtkMenuItem>*" style "menu_item" +widget_class "*<GtkSeparatorMenuItem>*" style "separator_menu_item" + +widget_class "*.<GtkFrame>.<GtkLabel>" style "frame_title" +widget_class "*.<GtkTreeView>*" style "treeview" + +widget_class "*<GtkProgress>" style "progressbar" + +# Treeview headers (and similar stock GTK+ widgets) +widget_class "*.<GtkTreeView>.<GtkButton>" style "treeview_header" +widget_class "*.<GtkCTree>.<GtkButton>" style "treeview_header" +widget_class "*.<GtkList>.<GtkButton>" style "treeview_header" +widget_class "*.<GtkCList>.<GtkButton>" style "treeview_header" + +# The window of the tooltip is called "gtk-tooltip" +################################################################## +# FIXME: +# This will not work if one embeds eg. a button into the tooltip. +# As far as I can tell right now we will need to rework the theme +# quite a bit to get this working correctly. +# (It will involve setting different priorities, etc.) +################################################################## +widget "gtk-tooltip*" style "tooltips" + +########################################################################## +# Following are special cases and workarounds for issues in applications. +########################################################################## + +# Workaround for the evolution ETable (bug #527532) +widget_class "*.<ETable>.<ECanvas>" style "treeview_header" +# Workaround for the evolution ETree +widget_class "*.<ETree>.<ECanvas>" style "treeview_header" + +# Special case the nautilus-extra-view-widget +# ToDo: A more generic approach for all applications that have a widget like this. +widget "*.nautilus-extra-view-widget" style : highest "nautilus_location" + +# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646 +# Note that this work around assumes that the combobox is _not_ in appears-as-list mode. +widget_class "*.<GtkComboBox>.<GtkCellView>" style "text_is_fg_color_workaround" +# This is the part of the workaround that fixes the menus +widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround" + +# Work around the usage of GtkLabel inside GtkListItems to display text. +# This breaks because the label is shown on a background that is based on the base color. +widget_class "*<GtkListItem>*" style "fg_is_text_color_workaround" +# GtkCList also uses the fg color to draw text on top of the base colors. +widget_class "*<GtkCList>" style "fg_is_text_color_workaround" +# Nautilus when renaming files, and maybe other places. +widget_class "*<EelEditableLabel>" style "fg_is_text_color_workaround" + +# See the documentation of the style. +widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround" diff --git a/source/templates/gtkrc(redmond95) b/source/templates/gtkrc(redmond95) new file mode 100644 index 0000000..ffd4247 --- /dev/null +++ b/source/templates/gtkrc(redmond95) @@ -0,0 +1,142 @@ +# Copyright (C) 2007-2011 Daniel Foré <Daniel@elementaryos.org> +# +# This library is free software; you can redistribute it and/or +# modify it under the terms of the GNU Lesser General Public +# License as published by the Free Software Foundation; either +# version 2.1 of the License, or (at your option) any later version. +# +# See the file COPYING for the full license text. + +gtk_color_scheme = "bg_color:#3f3e3e\nselected_bg_color:#669900\nbase_color:#302e2e" # Background, base +gtk_color_scheme = "fg_color:#EDF0F5\nselected_fg_color:#d1ff96\ntext_color:#F7FAFF" # Foreground, text +gtk_color_scheme = "sidebar_color:#302e2e" # Custom colors +gtk_color_scheme = "tooltip_bg_color:#003209\ntooltip_fg_color:#B5FF62" # Tooltips +gtk_color_scheme = "link_color:#7BBD89" # Hyperlinks +gtk_color_scheme = "frame_color:#986a44\ninactive_frame_color:#63452c" # Fix for Chrome +gtk_color_scheme = "bg_color_dark:#282828\ntext_color_dark:#F7FAFF\ntext_color_dark_selected:#FFF" # Dark colors - NO MORE DARKS +gtk_color_scheme = "widget_color:#4F6665" +gtk_color_scheme = "button_bg_color:#4F6665" +gtk_color_scheme = "disabled_bg_color:#543f3f\ndisabled_fg_color:#775f5f" + +gtk-icon-sizes = "gtk-button=16,16" # Set icon size for buttons +gtk-button-images = 1 # Disables icons for buttons with text +gtk-toolbar-style = 0 # Disables text in toolbar +gtk-auto-mnemonics = 1 # Disables lines under menu items + +#################### +## Default Styles ## +#################### +style "standard-default" +{ + GtkWidget::interior_focus = 2 + GtkButton::default_border = { 1, 1, 1, 1 } + GtkButton::default_outside_border = { 0, 0, 0, 0 } + GtkOptionMenu::indicator_size = { 9, 5 } + GtkOptionMenu::indicator_spacing = { 7, 5, 2, 2 } + GtkComboBox::appears-as-list = 1 + GtkNotebook::tab-overlap = 4 + + GtkButton::child_displacement_x = 1 + GtkButton::child_displacement_y = 1 + + GtkMenu::horizontal-padding = 1 + GtkMenu::vertical-padding = 1 + GtkMenu::horizontal-offset = -6 + + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + fg[ACTIVE] = @fg_color + fg[INSENSITIVE] = @disabled_fg_color + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + + bg[ACTIVE] = @bg_color + bg[INSENSITIVE] = @disabled_bg_color + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = @selected_bg_color + + base[ACTIVE] = @selected_bg_color + base[INSENSITIVE] = @disabled_bg_color + base[NORMAL] = @base_color + base[PRELIGHT] = @selected_bg_color + base[SELECTED] = @selected_bg_color + + text[ACTIVE] = @selected_fg_color + text[INSENSITIVE] = @disabled_fg_color + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + text[SELECTED] = @selected_fg_color + + engine "redmond95" {} +} + +class "GtkWidget" style "standard-default" + +style "standard-menu" +{ + bg[PRELIGHT] = @selected_bg_color + fg[PRELIGHT] = @selected_fg_color +} + +widget_class "*MenuItem*" style "standard-menu" + +style "standard-menubar-item" +{ + bg[PRELIGHT] = @bg_color + fg[PRELIGHT] = @fg_color +} + +class "*MenuBar.*MenuItem*" style "standard-menubar-item" +widget_class "*MenuBar.*MenuItem*" style "standard-menubar-item" + +style "standard-list" +{ + bg[NORMAL] = { 0.9, 0.9, 0.9 } + bg[PRELIGHT] = @fg_color +} + +class "GtkList" style "standard-list" + +style "standard-scrollbar" +{ + GtkRange::trough_border = 0 + GtkRange::slider_width = 16 + GtkRange::stepper_size = 16 + GtkRange::stepper_spacing = 0 +} + +class "GtkScrollbar" style "standard-scrollbar" + + +style "standard-scales" +{ + GtkRange::slider-width = 21 + GtkScale::slider-length = 11 +} + +class "*Scale*" style "standard-scales" + +style "standard-option-menu" +{ + GtkOptionMenu::indicator_width = 7 + GtkOptionMenu::indicator_left_spacing = 6 + GtkOptionMenu::indicator_right_spacing = 4 +} + +class "GtkOptionMenu" style "standard-option-menu" + +style "standard-progressbar" { + fg[PRELIGHT] = @selected_fg_color +} +class "GtkProgressBar" style "standard-progressbar" + + +style "standard-entry" +{ + bg[SELECTED] = "#1C40A8" + fg[SELECTED] = @selected_fg_color +} +class "GtkEntry" style "standard-entry" diff --git a/source/templates/gtkrc.processed b/source/templates/gtkrc.processed index ea3c0ba..c90dc5f 100644 --- a/source/templates/gtkrc.processed +++ b/source/templates/gtkrc.processed @@ -1,20 +1,20 @@ # Please keep this gtkrc in sync with the other ones from Clearlooks based themes. -gtk-color-scheme = "bg_color:#a7a7a7" -gtk-color-scheme = "fg_color:#241f31" -gtk-color-scheme = "base_color:#908f8d" -gtk-color-scheme = "text_color:#241f31" -gtk-color-scheme = "selected_bg_color:#b0dd7e" -gtk-color-scheme = "selected_fg_color:#000000" -gtk-color-scheme = "tooltip_bg_color:#6789b4" -gtk-color-scheme = "tooltip_fg_color:#002269" -gtk-color-scheme = "disabled_bg_color:#938989" -gtk-color-scheme = "disabled_fg_color:#552222" -gtk-color-scheme = "button_bg_color:#bcbeb9" -gtk-color-scheme = "button_fg_color:#241f31" -gtk-color-scheme = "button_checked_bg_color:#b0dd7e" -gtk-color-scheme = "button_checked_fg_color:#000000" +gtk-color-scheme = "bg_color:#3f3e3e" +gtk-color-scheme = "fg_color:#EDF0F5" +gtk-color-scheme = "base_color:#323232" +gtk-color-scheme = "text_color:#EDF0F5" +gtk-color-scheme = "selected_bg_color:#669900" +gtk-color-scheme = "selected_fg_color:#d1ff96" +gtk-color-scheme = "tooltip_bg_color:#203d79" +gtk-color-scheme = "tooltip_fg_color:#66cbec" +gtk-color-scheme = "disabled_bg_color:#493e37" +gtk-color-scheme = "disabled_fg_color:#7c675a" +gtk-color-scheme = "button_bg_color:#4e584d" +gtk-color-scheme = "button_fg_color:#EDF0F5" +gtk-color-scheme = "button_checked_bg_color:#669900" +gtk-color-scheme = "button_checked_fg_color:#d1ff96" style "default" { @@ -92,7 +92,7 @@ reliefstyle = 1 menubarstyle = 2 toolbarstyle = 1 animation = FALSE -radius = 3.0 +radius = 0.0 style = GUMMY # Set a hint to disable backward compatibility fallbacks. diff --git a/xfwm4/README b/xfwm4/README new file mode 100644 index 0000000..a41ff67 --- /dev/null +++ b/xfwm4/README @@ -0,0 +1 @@ +Created by Nestort <eudaimon@disroot.org> circa 2021 diff --git a/xfwm4/blue-prelight.png b/xfwm4/blue-prelight.png new file mode 100644 index 0000000..dbfe93a Binary files /dev/null and b/xfwm4/blue-prelight.png differ diff --git a/xfwm4/blue.png b/xfwm4/blue.png new file mode 100644 index 0000000..5660e29 Binary files /dev/null and b/xfwm4/blue.png differ diff --git a/xfwm4/bottom-active.xpm b/xfwm4/bottom-active.xpm index bcfac5e..b1f9c10 100644 --- a/xfwm4/bottom-active.xpm +++ b/xfwm4/bottom-active.xpm @@ -2,8 +2,8 @@ static char * bottom_active_xpm[] = { "24 6 3 1", " c None", -"# c #C0C0C0 s active_color_2", -"@ c #C0C0FF s active_color_2", +"# c #C0C0C0 s active_color_1", +"@ c #C0C0FF s active_shadow_1", "################################", "################################", "################################", diff --git a/xfwm4/bottom-inactive.xpm b/xfwm4/bottom-inactive.xpm index bae08b6..f1afe80 100644 --- a/xfwm4/bottom-inactive.xpm +++ b/xfwm4/bottom-inactive.xpm @@ -1,9 +1,9 @@ /* XPM */ -static char * bottom_inactive_xpm[] = { +static char * bottom_active_xpm[] = { "24 6 3 1", " c None", -"# c #C0C0C0 s inactive_color_2", -"@ c #C0C0FF s inactive_color_2", +"# c #C0C0C0 s active_color_2", +"@ c #C0C0FF s active_shadow_2", "################################", "################################", "################################", diff --git a/xfwm4/bottom-left-active.xpm b/xfwm4/bottom-left-active.xpm index 23b47cd..a0abe93 100644 --- a/xfwm4/bottom-left-active.xpm +++ b/xfwm4/bottom-left-active.xpm @@ -1,9 +1,10 @@ /* XPM */ static char * bottom_left_active_xpm[] = { -"24 24 3 1", +"24 24 4 1", " c None", -"# c #C0C0C0 s active_color_2", -"@ c #C0C0FF s active_color_2", +"# c #C0C0C0 s active_color_1", +"@ c #C0C0FF s active_hilight_1", +"S c #202020 s active_shadow_1", "@@#### ", "@@#### ", "@@#### ", @@ -26,5 +27,5 @@ static char * bottom_left_active_xpm[] = { "@@######################", "@@######################", "@@######################", -" @@@@@@@@@@@@@@@@@@@@@@@", -" @@@@@@@@@@@@@@@@@@@@@@"}; +"@SSSSSSSSSSSSSSSSSSSSSSS", +"SSSSSSSSSSSSSSSSSSSSSSSS"}; diff --git a/xfwm4/bottom-left-inactive.xpm b/xfwm4/bottom-left-inactive.xpm index 9ecee6e..052c1f1 100644 --- a/xfwm4/bottom-left-inactive.xpm +++ b/xfwm4/bottom-left-inactive.xpm @@ -1,9 +1,10 @@ /* XPM */ -static char * bottom_left_inactive_xpm[] = { -"24 24 3 1", +static char * bottom_left_active_xpm[] = { +"24 24 4 1", " c None", "# c #C0C0C0 s inactive_color_2", -"@ c #C0C0FF s inactive_color_2", +"@ c #C0C0FF s inactive_hilight_2", +"S c #202020 s inactive_shadow_2", "@@#### ", "@@#### ", "@@#### ", @@ -26,5 +27,5 @@ static char * bottom_left_inactive_xpm[] = { "@@######################", "@@######################", "@@######################", -" @@@@@@@@@@@@@@@@@@@@@@@", -" @@@@@@@@@@@@@@@@@@@@@@"}; +"@SSSSSSSSSSSSSSSSSSSSSSS", +"SSSSSSSSSSSSSSSSSSSSSSSS"}; diff --git a/xfwm4/bottom-right-active.xpm b/xfwm4/bottom-right-active.xpm index b9f6c16..18add33 100644 --- a/xfwm4/bottom-right-active.xpm +++ b/xfwm4/bottom-right-active.xpm @@ -1,9 +1,10 @@ /* XPM */ static char * bottom_right_active_xpm[] = { -"24 24 3 1", +"24 24 4 1", " c None", -"# c #C0C0C0 s active_color_2", -"@ c #C0C0FF s active_color_2", +"# c #C0C0C0 s active_color_1", +"@ c #C0C0FF s active_shadow_1", +"S c #202020 s active_shadow_1", " ####@@", " ####@@", " ####@@", @@ -26,5 +27,5 @@ static char * bottom_right_active_xpm[] = { "######################@@", "######################@@", "######################@@", -"@@@@@@@@@@@@@@@@@@@@@@@ ", -"@@@@@@@@@@@@@@@@@@@@@@ "}; +"SSSSSSSSSSSSSSSSSSSSSSS@", +"SSSSSSSSSSSSSSSSSSSSSSSS"}; diff --git a/xfwm4/bottom-right-inactive.xpm b/xfwm4/bottom-right-inactive.xpm index c6471df..ab6beac 100644 --- a/xfwm4/bottom-right-inactive.xpm +++ b/xfwm4/bottom-right-inactive.xpm @@ -1,9 +1,10 @@ /* XPM */ -static char * bottom_right_inactive_xpm[] = { -"24 24 3 1", +static char * bottom_right_active_xpm[] = { +"24 24 4 1", " c None", -"# c #C0C0C0 s inactive_color_2", -"@ c #C0C0FF s inactive_color_2", +"# c #C0C0C0 s active_color_2", +"@ c #C0C0FF s active_shadow_2", +"S c #202020 s active_shadow_2", " ####@@", " ####@@", " ####@@", @@ -26,5 +27,5 @@ static char * bottom_right_inactive_xpm[] = { "######################@@", "######################@@", "######################@@", -"@@@@@@@@@@@@@@@@@@@@@@@ ", -"@@@@@@@@@@@@@@@@@@@@@@ "}; +"SSSSSSSSSSSSSSSSSSSSSSS@", +"SSSSSSSSSSSSSSSSSSSSSSSS"}; diff --git a/xfwm4/button-inactive.xpm b/xfwm4/button-inactive.xpm new file mode 100644 index 0000000..a53b32f --- /dev/null +++ b/xfwm4/button-inactive.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_inactive_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/button-normal-cyan.png b/xfwm4/button-normal-cyan.png deleted file mode 100644 index cee517d..0000000 Binary files a/xfwm4/button-normal-cyan.png and /dev/null differ diff --git a/xfwm4/button-normal-green.png b/xfwm4/button-normal-green.png deleted file mode 100644 index 9bd6166..0000000 Binary files a/xfwm4/button-normal-green.png and /dev/null differ diff --git a/xfwm4/button-normal-invisible.png b/xfwm4/button-normal-invisible.png deleted file mode 100644 index 82aadf7..0000000 Binary files a/xfwm4/button-normal-invisible.png and /dev/null differ diff --git a/xfwm4/button-normal-red.png b/xfwm4/button-normal-red.png deleted file mode 100644 index 8a4660c..0000000 Binary files a/xfwm4/button-normal-red.png and /dev/null differ diff --git a/xfwm4/button-normal-violet.png b/xfwm4/button-normal-violet.png deleted file mode 100644 index b261c0f..0000000 Binary files a/xfwm4/button-normal-violet.png and /dev/null differ diff --git a/xfwm4/button-normal-visible.png b/xfwm4/button-normal-visible.png deleted file mode 100644 index 461b104..0000000 Binary files a/xfwm4/button-normal-visible.png and /dev/null differ diff --git a/xfwm4/button-normal-yellow.png b/xfwm4/button-normal-yellow.png deleted file mode 100644 index 695d429..0000000 Binary files a/xfwm4/button-normal-yellow.png and /dev/null differ diff --git a/xfwm4/button-normal.png b/xfwm4/button-normal.png deleted file mode 120000 index b559d40..0000000 --- a/xfwm4/button-normal.png +++ /dev/null @@ -1 +0,0 @@ -button-normal-invisible.png \ No newline at end of file diff --git a/xfwm4/button-pressed-cyan.png b/xfwm4/button-pressed-cyan.png deleted file mode 100644 index a8839b3..0000000 Binary files a/xfwm4/button-pressed-cyan.png and /dev/null differ diff --git a/xfwm4/button-pressed-green.png b/xfwm4/button-pressed-green.png deleted file mode 100644 index 06945b9..0000000 Binary files a/xfwm4/button-pressed-green.png and /dev/null differ diff --git a/xfwm4/button-pressed-red.png b/xfwm4/button-pressed-red.png deleted file mode 100644 index 878488e..0000000 Binary files a/xfwm4/button-pressed-red.png and /dev/null differ diff --git a/xfwm4/button-pressed-violet.png b/xfwm4/button-pressed-violet.png deleted file mode 100644 index 2250ce1..0000000 Binary files a/xfwm4/button-pressed-violet.png and /dev/null differ diff --git a/xfwm4/button-pressed-yellow.png b/xfwm4/button-pressed-yellow.png deleted file mode 100644 index 7511065..0000000 Binary files a/xfwm4/button-pressed-yellow.png and /dev/null differ diff --git a/xfwm4/button-pressed.png b/xfwm4/button-pressed.png deleted file mode 100644 index ac80280..0000000 Binary files a/xfwm4/button-pressed.png and /dev/null differ diff --git a/xfwm4/button.svg b/xfwm4/button.svg deleted file mode 100644 index a6282a9..0000000 --- a/xfwm4/button.svg +++ /dev/null @@ -1,461 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Created with Inkscape (http://www.inkscape.org/) --> - -<svg - width="39.821884mm" - height="40.675426mm" - viewBox="0 0 39.821884 40.675427" - version="1.1" - id="svg5" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - sodipodi:docname="button.svg" - inkscape:export-filename="/home/nestor/Temes/xfwm/skeuomorphic/button-pressed-green.png" - inkscape:export-xdpi="15.611391" - inkscape:export-ydpi="15.611391" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns:xlink="http://www.w3.org/1999/xlink" - xmlns="http://www.w3.org/2000/svg" - xmlns:svg="http://www.w3.org/2000/svg"> - <sodipodi:namedview - id="namedview7" - pagecolor="#848484" - bordercolor="#666666" - borderopacity="1.0" - inkscape:pageshadow="2" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - inkscape:document-units="mm" - showgrid="false" - inkscape:snap-object-midpoints="true" - fit-margin-top="0" - fit-margin-left="0" - fit-margin-right="0" - fit-margin-bottom="0" - inkscape:zoom="3.411691" - inkscape:cx="56.716743" - inkscape:cy="1.7586587" - inkscape:window-width="1865" - inkscape:window-height="1002" - inkscape:window-x="55" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="g10498" - inkscape:snap-global="false" /> - <defs - id="defs2"> - <linearGradient - inkscape:collect="always" - id="linearGradient10805"> - <stop - style="stop-color:#000000;stop-opacity:0.57622337" - offset="0" - id="stop10795" /> - <stop - style="stop-color:#000000;stop-opacity:0.18018584" - offset="0.22100876" - id="stop10797" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.15502834" - offset="0.65226007" - id="stop10799" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.43379629" - offset="0.92949122" - id="stop10801" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.09501138" - offset="1" - id="stop10803" /> - </linearGradient> - <linearGradient - inkscape:collect="always" - id="linearGradient6176"> - <stop - style="stop-color:#000000;stop-opacity:0.57622337" - offset="0" - id="stop6168" /> - <stop - style="stop-color:#000000;stop-opacity:0.18018584" - offset="0.13627508" - id="stop6170" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.07390807" - offset="0.78653789" - id="stop6172" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.40392157;" - offset="0.90752345" - id="stop6306" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.06246027" - offset="0.96921057" - id="stop6308" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.02829207" - offset="1" - id="stop6174" /> - </linearGradient> - <linearGradient - inkscape:collect="always" - id="button-border-normal"> - <stop - style="stop-color:#000000;stop-opacity:0.57622337" - offset="0" - id="stop5950" /> - <stop - style="stop-color:#000000;stop-opacity:0.18018584" - offset="0.13627508" - id="stop5952" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.07390807" - offset="0.78653789" - id="stop5954" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.66000915" - offset="1" - id="stop5956" /> - </linearGradient> - <linearGradient - inkscape:collect="always" - id="button-border-pressed"> - <stop - style="stop-color:#000000;stop-opacity:0.57622337" - offset="0" - id="stop3878" /> - <stop - style="stop-color:#000000;stop-opacity:0.18018584" - offset="0.22100876" - id="stop4014" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.15502834" - offset="0.65226007" - id="stop3884" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.60392157;" - offset="0.96878213" - id="stop10727" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.65075707" - offset="1" - id="stop3880" /> - </linearGradient> - <inkscape:path-effect - effect="powerclip" - id="path-effect3032" - is_visible="true" - lpeversion="1" - inverse="true" - flatten="false" - hide_clip="false" - message="Use fill-rule evenodd on <b>fill and stroke</b> dialog if no flatten result after convert clip to paths." /> - <linearGradient - inkscape:collect="always" - id="linearGradient959"> - <stop - style="stop-color:#ffffff;stop-opacity:0.2406868" - offset="0" - id="stop955" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.00140139" - offset="0.49532157" - id="stop1155" /> - <stop - style="stop-color:#000000;stop-opacity:0.00007287" - offset="0.54817486" - id="stop1157" /> - <stop - style="stop-color:#000000;stop-opacity:0.1474961" - offset="1" - id="stop957" /> - </linearGradient> - <linearGradient - inkscape:collect="always" - id="linearGradient852"> - <stop - style="stop-color:#000000;stop-opacity:0.57622337" - offset="0" - id="stop848" /> - <stop - style="stop-color:#ffffff;stop-opacity:0.66000915" - offset="1" - id="stop850" /> - </linearGradient> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient852" - id="linearGradient854" - x1="99.866486" - y1="92.581467" - x2="99.899818" - y2="61.460701" - gradientUnits="userSpaceOnUse" /> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient959" - id="linearGradient961" - x1="92.01017" - y1="61.88134" - x2="92.01017" - y2="92.789764" - gradientUnits="userSpaceOnUse" /> - <clipPath - clipPathUnits="userSpaceOnUse" - id="clipPath3024"> - <rect - style="display:none;fill:url(#linearGradient3028);fill-opacity:1;stroke:url(#linearGradient3030);stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none" - id="rect3026" - width="31.338425" - height="31.338425" - x="83.756355" - y="61.708019" - ry="6.3965168" - d="m 90.152872,61.708019 h 18.545388 c 3.54367,0 6.39652,2.852847 6.39652,6.396517 v 18.545391 c 0,3.54367 -2.85285,6.396517 -6.39652,6.396517 H 90.152872 c -3.54367,0 -6.396517,-2.852847 -6.396517,-6.396517 V 68.104536 c 0,-3.54367 2.852847,-6.396517 6.396517,-6.396517 z" /> - <path - id="lpe_path-effect3032" - style="fill:url(#linearGradient3028);fill-opacity:1;stroke:url(#linearGradient3030);stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none" - class="powerclip" - d="M 75.113241,72.205648 H 123.73789 V 105.18446 H 75.113241 Z M 90.152872,61.708019 c -3.54367,0 -6.396517,2.852847 -6.396517,6.396517 v 18.545391 c 0,3.54367 2.852847,6.396517 6.396517,6.396517 h 18.545388 c 3.54367,0 6.39652,-2.852847 6.39652,-6.396517 V 68.104536 c 0,-3.54367 -2.85285,-6.396517 -6.39652,-6.396517 z" /> - </clipPath> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient959" - id="linearGradient3028" - gradientUnits="userSpaceOnUse" - x1="92.01017" - y1="61.88134" - x2="92.01017" - y2="92.789764" /> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient852" - id="linearGradient3030" - gradientUnits="userSpaceOnUse" - x1="99.866486" - y1="92.581467" - x2="99.899818" - y2="61.460701" /> - <filter - inkscape:collect="always" - style="color-interpolation-filters:sRGB" - id="filter3036" - x="-0.13482607" - y="-0.27759294" - width="1.2696521" - height="1.5551859"> - <feGaussianBlur - inkscape:collect="always" - stdDeviation="1.7090013" - id="feGaussianBlur3038" /> - </filter> - <linearGradient - inkscape:collect="always" - xlink:href="#button-border-pressed" - id="linearGradient3042" - gradientUnits="userSpaceOnUse" - x1="99.866486" - y1="92.581467" - x2="99.899818" - y2="61.460701" /> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient6176" - id="linearGradient4660" - gradientUnits="userSpaceOnUse" - x1="99.866486" - y1="92.581467" - x2="99.866486" - y2="61.248814" - gradientTransform="matrix(1.0661556,0,0,1.0661556,-86.690798,-98.676381)" /> - <linearGradient - inkscape:collect="always" - xlink:href="#button-border-normal" - id="linearGradient6143" - gradientUnits="userSpaceOnUse" - gradientTransform="matrix(1.0661556,0,0,1.0661556,-86.690798,-99.712989)" - x1="99.866486" - y1="92.581467" - x2="99.899818" - y2="61.460701" /> - <filter - inkscape:collect="always" - style="color-interpolation-filters:sRGB" - id="filter8213" - x="-0.18111441" - y="-0.71659308" - width="1.3624923" - height="2.3072241"> - <feGaussianBlur - inkscape:collect="always" - stdDeviation="2.2114898" - id="feGaussianBlur8215" /> - </filter> - <clipPath - clipPathUnits="userSpaceOnUse" - id="clipPath8217"> - <rect - style="display:inline;fill:none;fill-opacity:1;stroke:#ff1717;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="rect8219" - width="32.268242" - height="32.268242" - x="3.1782022" - y="0.046087567" - ry="6.5863028" - inkscape:label="Mascara ombra pressed" /> - </clipPath> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient959" - id="linearGradient8960" - gradientUnits="userSpaceOnUse" - x1="92.01017" - y1="61.88134" - x2="92.01017" - y2="92.789764" - gradientTransform="matrix(0.970115,0,0,0.970115,-77.141907,-58.884601)" /> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient10805" - id="linearGradient10793" - gradientUnits="userSpaceOnUse" - x1="99.866486" - y1="92.581467" - x2="99.899818" - y2="61.460701" /> - <linearGradient - inkscape:collect="always" - xlink:href="#linearGradient959" - id="linearGradient11272" - gradientUnits="userSpaceOnUse" - gradientTransform="matrix(0.970115,0,0,0.970115,-77.141907,-58.884601)" - x1="92.01017" - y1="61.88134" - x2="92.01017" - y2="92.789764" /> - </defs> - <g - inkscape:groupmode="layer" - id="layer3" - inkscape:label="border-normal" - transform="translate(0.59861558,1.036608)" - style="display:inline"> - <rect - style="display:inline;fill:none;fill-opacity:1;stroke:url(#linearGradient4660);stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none" - id="rect4639" - width="33.411636" - height="33.411636" - x="2.6065092" - y="-32.886028" - ry="7.31249" - transform="scale(1,-1)" /> - </g> - <g - inkscape:label="Shadow-normal" - inkscape:groupmode="layer" - id="layer1" - transform="translate(-79.514626,-60.160411)" - style="display:inline"> - <path - style="opacity:0.736615;mix-blend-mode:normal;fill:#010101;fill-opacity:0.997197;stroke:none;stroke-width:0.98794;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.576223;filter:url(#filter3036)" - id="rect1532" - width="30.42144" - height="14.775603" - x="84.214844" - y="81.307251" - ry="7.3878016" - sodipodi:type="rect" - d="m 91.602645,81.307251 h 15.645835 c 4.09284,0 7.3878,3.29496 7.3878,7.387802 0,4.092842 -3.29496,7.387801 -7.3878,7.387801 H 91.602645 c -4.092842,0 -7.387801,-3.294959 -7.387801,-7.387801 0,-4.092842 3.294959,-7.387802 7.387801,-7.387802 z" - clip-path="url(#clipPath3024)" - inkscape:path-effect="#path-effect3032" - transform="matrix(1.0309967,0,0,1.0379675,-3.0818611,-3.1523741)" /> - </g> - <g - inkscape:groupmode="layer" - id="layer2" - inkscape:label="button-normal" - style="display:inline" - transform="translate(0.59861558,1.036608)"> - <rect - style="fill:none;fill-opacity:1;stroke:url(#linearGradient3042);stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers fill stroke" - id="button-normal-border" - width="31.338425" - height="31.338425" - x="83.756355" - y="61.708019" - ry="6.3965168" - transform="translate(-80.11324,-61.197019)" - inkscape:label="button-normal-border" /> - <rect - style="fill:url(#linearGradient11272);fill-opacity:1;stroke:none;stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers fill stroke" - id="rect8940" - width="30.401876" - height="30.401876" - x="4.1113896" - y="0.97927409" - ry="6.2053571" /> - </g> - <g - inkscape:groupmode="layer" - id="g10498" - inkscape:label="button-pressed" - style="display:none" - transform="translate(0.59861558,1.036608)"> - <rect - style="fill:none;fill-opacity:1;stroke:url(#linearGradient10793);stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers fill stroke" - id="rect10494" - width="31.338425" - height="31.338425" - x="83.756355" - y="61.708019" - ry="6.3965168" - transform="translate(-80.11324,-61.197019)" - inkscape:label="button-normal-border" /> - <rect - style="fill:url(#linearGradient8960);fill-opacity:1;stroke:none;stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers fill stroke" - id="rect10496" - width="30.401876" - height="30.401876" - x="4.1113896" - y="0.97927409" - ry="6.2053571" /> - </g> - <g - inkscape:groupmode="layer" - id="layer5" - inkscape:label="border-pressed" - style="display:none" - transform="translate(0.5986153)"> - <rect - style="display:inline;fill:none;fill-opacity:1;stroke:url(#linearGradient6143);stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none" - id="rect6139" - width="33.411636" - height="33.411636" - x="2.6065094" - y="-33.922638" - ry="7.31249" - transform="scale(1,-1)" - inkscape:label="Vora-pressed" /> - <path - style="display:inline;mix-blend-mode:normal;fill:none;stroke:#000000;stroke-width:2.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter8213)" - d="m 0.93610833,10.91488 c 0,0 1.15056797,-9.2046094 8.15879027,-9.2046094 7.0082214,0 17.3977274,-0.00217 21.7109054,-0.060871 6.451395,-0.087798 6.73582,9.0659794 6.73582,9.0659794" - id="path7550" - sodipodi:nodetypes="cssc" - inkscape:label="Ombra-pressed" - clip-path="url(#clipPath8217)" - transform="translate(2.8653994e-7,1.036608)" /> - </g> - <g - inkscape:groupmode="layer" - id="layer4" - inkscape:label="color"> - <rect - style="display:inline;opacity:0.11969092;fill:#01ff25;fill-opacity:1;stroke:none;stroke-width:1.022;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers fill stroke" - id="rect886" - width="32.544285" - height="32.544285" - x="3.638804" - y="0.94467962" - ry="7.1190581" - inkscape:label="button-normal-border" /> - </g> -</svg> diff --git a/xfwm4/button.xpm b/xfwm4/button.xpm new file mode 100644 index 0000000..20cb7ab --- /dev/null +++ b/xfwm4/button.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/buttonSymbols.xcf b/xfwm4/buttonSymbols.xcf deleted file mode 100644 index e58f6c7..0000000 Binary files a/xfwm4/buttonSymbols.xcf and /dev/null differ diff --git a/xfwm4/buttons-v2.svg b/xfwm4/buttons-v2.svg new file mode 100644 index 0000000..07be3cc --- /dev/null +++ b/xfwm4/buttons-v2.svg @@ -0,0 +1,575 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24.199678mm" + height="25.028345mm" + viewBox="0 0 24.199679 25.028345" + version="1.1" + id="svg8" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" + sodipodi:docname="buttons-v2.svg" + inkscape:export-filename="/home/nestor/Temes/GTK/gtk3/Mac-OS-X-Cheetah-dark-git/xfwm4/menu-prelight.png" + inkscape:export-xdpi="26.386084" + inkscape:export-ydpi="26.386084" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:dc="http://purl.org/dc/elements/1.1/"> + <defs + id="defs2"> + <marker + style="overflow:visible" + id="Arrow2Sstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow2Sstart" + inkscape:isstock="true"> + <path + transform="matrix(0.3,0,0,0.3,-0.69,0)" + d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" + id="path1014" /> + </marker> + <marker + style="overflow:visible" + id="Arrow2Mstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow2Mstart" + inkscape:isstock="true"> + <path + transform="scale(0.6)" + d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" + id="path1008" /> + </marker> + <marker + style="overflow:visible" + id="Arrow1Lstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow1Lstart" + inkscape:isstock="true"> + <path + transform="matrix(0.8,0,0,0.8,10,0)" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1" + d="M 0,0 5,-5 -12.5,0 5,5 Z" + id="path984" /> + </marker> + <linearGradient + id="linearGradient4549-7-5" + inkscape:collect="always"> + <stop + id="stop4713" + offset="0" + style="stop-color:#a3a3a3;stop-opacity:1" /> + <stop + id="stop846" + offset="0.28143725" + style="stop-color:#3b3b3b;stop-opacity:1" /> + <stop + id="stop915" + offset="0.44401103" + style="stop-color:#1b1b1b;stop-opacity:1" /> + <stop + id="stop848" + offset="0.5507682" + style="stop-color:#000000;stop-opacity:1" /> + <stop + id="stop917" + offset="0.77568066" + style="stop-color:#515151;stop-opacity:1" /> + <stop + id="stop4715" + offset="1" + style="stop-color:#fdfdfd;stop-opacity:1" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4549-7-5" + id="linearGradient4551" + x1="65.506538" + y1="285.66071" + x2="64.214882" + y2="181.33928" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.19440301,0,0,0.19403046,-1.6155683,240.69162)" /> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter3536" + x="-0.051523432" + y="-0.1049699" + width="1.1030469" + height="1.2099398"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.42283646" + id="feGaussianBlur3538" /> + </filter> + <filter + inkscape:collect="always" + style="color-interpolation-filters:sRGB" + id="filter3688" + x="-0.061168509" + y="-0.061711545" + width="1.122337" + height="1.1234231"> + <feGaussianBlur + inkscape:collect="always" + stdDeviation="0.54954464" + id="feGaussianBlur3690" /> + </filter> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="1.28" + inkscape:cx="-96.874998" + inkscape:cy="-82.031248" + inkscape:document-units="mm" + inkscape:current-layer="layer6" + showgrid="false" + inkscape:window-width="1865" + inkscape:window-height="1007" + inkscape:window-x="55" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:document-rotation="0" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:pagecheckerboard="0" + inkscape:snap-page="true" /> + <metadata + id="metadata5"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:groupmode="layer" + id="layer6" + inkscape:label="Fons" + sodipodi:insensitive="true"> + <rect + style="opacity:1;fill:#3d3d3e;fill-opacity:1;stroke:none;stroke-width:1.32292" + id="rect4237" + width="24.199677" + height="25.028345" + x="0" + y="0" /> + </g> + <g + inkscape:groupmode="layer" + id="layer5" + inkscape:label="Ombra" + transform="translate(0.89528121,-0.02472692)" + sodipodi:insensitive="true"> + <ellipse + ry="10.686065" + rx="10.780932" + cy="13.0481" + cx="11.204558" + id="ellipse3594" + style="display:inline;opacity:0.665034;mix-blend-mode:multiply;fill:#0d0d0d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter3688)" /> + </g> + <g + inkscape:groupmode="layer" + id="layer4" + inkscape:label="Colors" + style="display:inline" + sodipodi:insensitive="true" + transform="translate(0.89528121,-0.02472692)"> + <g + inkscape:label="Color-gray" + inkscape:groupmode="layer" + id="g1438" + style="display:inline" + transform="translate(0.21100694,-274.88691)"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse1436" + style="fill:#676767;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-red" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse886" + style="fill:#d20000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-orange" + inkscape:groupmode="layer" + id="g927" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse925" + style="fill:#d09400;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-blue" + inkscape:groupmode="layer" + id="g935" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse933" + style="fill:#0094d2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-purple" + inkscape:groupmode="layer" + id="g939" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse937" + style="fill:#b800fa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-green" + inkscape:groupmode="layer" + id="g931" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse929" + style="fill:#00b109;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <text + xml:space="preserve" + style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583" + x="10.151274" + y="286.49353" + id="text943"><tspan + sodipodi:role="line" + id="tspan941" + x="10.151274" + y="286.49353" + style="stroke-width:0.264583" /></text> + </g> + </g> + <g + inkscape:groupmode="layer" + id="g1426" + inkscape:label="Enfosquir" + style="display:none;mix-blend-mode:multiply" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <ellipse + ry="10.686065" + rx="10.780932" + cy="10.997702" + cx="10.993551" + id="ellipse1622" + style="display:inline;mix-blend-mode:multiply;fill:#c2c2c2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Brillus" + style="display:inline;opacity:0.711624;mix-blend-mode:screen" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="path18" + style="fill:url(#linearGradient4551);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + transform="translate(0,-275.00001)" /> + <path + id="path438" + style="opacity:0.38742;fill:#fefefe;fill-opacity:1;stroke:none;stroke-width:1.82886;filter:url(#filter3536)" + inkscape:transform-center-y="-0.90571199" + d="m 20.215655,10.685201 c -1.992967,-1.7827265 -5.83966,-4.2333331 -9.222103,-4.2333332 -3.3824432,0 -6.3581416,2.2355439 -9.2221035,4.2333332 C -0.09097934,8.9779244 2.6408892,5.0989108 4.2658336,3.7347323 5.890778,2.3705538 8.574989,1.0175964 10.993552,1.0175963 c 2.418563,-10e-8 5.102775,1.3529572 6.727719,2.7171358 1.624944,1.3641786 4.356812,5.2431926 2.494384,6.9504689 z" + sodipodi:nodetypes="czczssc" /> + </g> + <g + inkscape:label="Vora i ombra" + inkscape:groupmode="layer" + id="g952" + transform="translate(1.1062881,-274.91164)" + style="display:inline" + sodipodi:insensitive="true"> + <ellipse + ry="9.8662539" + rx="9.9539232" + cy="285.99771" + cx="10.99355" + id="ellipse950" + style="opacity:0.334601;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <ellipse + ry="10.686065" + rx="10.780932" + cy="10.997702" + cx="10.993551" + id="ellipse1422" + style="display:inline;mix-blend-mode:multiply;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + transform="translate(0,275)" /> + </g> + <g + inkscape:groupmode="layer" + id="g932" + inkscape:label="Símbol x (close)" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path928" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.16953645,0.16953645,-0.96898258,0.96898258,285.99407,-267.59497)" /> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path930" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(-0.16942008,0.16942008,-0.96898258,-0.96898258,289.59372,285.99528)" /> + </g> + <g + inkscape:groupmode="layer" + id="layer3" + inkscape:label="Símbol + (max)" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path945" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.23976075,0,0,1.3703483,8.4537879,-380.44657)" /> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path948" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0,0.23959618,-1.3703483,0,402.44655,8.4555147)" /> + </g> + <g + inkscape:groupmode="layer" + id="g913" + inkscape:label="Símbol - (min)" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path911" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0,0.23959618,-1.3703483,0,402.44655,8.4555147)" /> + </g> + <g + inkscape:groupmode="layer" + id="g966" + inkscape:label="Símbol quadrat (unmax)" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path962" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.49467594,0,0,0.49728331,5.7466383,-131.05136)" /> + </g> + <g + inkscape:groupmode="layer" + id="g970" + inkscape:label="Símbol circumf (omni)" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <ellipse + style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.99844;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path972" + cx="11" + cy="11" + rx="4.7178855" + ry="4.7641859" /> + </g> + <g + inkscape:groupmode="layer" + id="g976" + inkscape:label="Símbol cercle (un-omni)" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <ellipse + style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.41898;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="ellipse974" + cx="11" + cy="11" + rx="3.3499069" + ry="3.3827822" /> + </g> + <g + inkscape:groupmode="layer" + id="g980" + inkscape:label="Símbol roll-up" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,15.930295 V 6.0695874 L 6.2950334,10.774554" + id="path982" /> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,15.930295 V 6.0695874 l 4.704967,4.7049666" + id="path1414" /> + </g> + <g + inkscape:groupmode="layer" + id="g1420" + inkscape:label="Símbol roll-down" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,6.0697404 V 15.930448 L 6.2950334,11.225481" + id="path1416" /> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 11,6.0697404 v 9.8607076 l 4.704967,-4.704967" + id="path1418" /> + </g> + <g + inkscape:groupmode="layer" + id="g1432" + inkscape:label="Símbol menu" + style="display:none" + transform="translate(1.1062881,0.08836437)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.11927;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path1434" + sodipodi:sides="3" + sodipodi:cx="10.993551" + sodipodi:cy="10.8344" + sodipodi:r1="5.0393019" + sodipodi:r2="2.5196509" + sodipodi:arg1="-0.52359878" + sodipodi:arg2="0.52359878" + inkscape:flatsided="true" + inkscape:rounded="0" + inkscape:randomized="0" + d="M 15.357715,8.3147492 10.993551,15.873702 6.6293878,8.3147493 Z" + inkscape:transform-center-y="-0.065233269" /> + </g> +</svg> diff --git a/xfwm4/buttons-v2.svg.2021_10_11_17_37_43.0.svg b/xfwm4/buttons-v2.svg.2021_10_11_17_37_43.0.svg new file mode 100644 index 0000000..8b7c2fc --- /dev/null +++ b/xfwm4/buttons-v2.svg.2021_10_11_17_37_43.0.svg @@ -0,0 +1,543 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="22.409117mm" + height="22.221605mm" + viewBox="0 0 22.409117 22.221605" + version="1.1" + id="svg8" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" + sodipodi:docname="buttons-v2.svg" + inkscape:export-filename="stick-active.png" + inkscape:export-xdpi="37.720047" + inkscape:export-ydpi="37.720047" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:dc="http://purl.org/dc/elements/1.1/"> + <defs + id="defs2"> + <marker + style="overflow:visible" + id="Arrow2Sstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow2Sstart" + inkscape:isstock="true"> + <path + transform="matrix(0.3,0,0,0.3,-0.69,0)" + d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" + id="path1014" /> + </marker> + <marker + style="overflow:visible" + id="Arrow2Mstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow2Mstart" + inkscape:isstock="true"> + <path + transform="scale(0.6)" + d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" + id="path1008" /> + </marker> + <marker + style="overflow:visible" + id="Arrow1Lstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow1Lstart" + inkscape:isstock="true"> + <path + transform="matrix(0.8,0,0,0.8,10,0)" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1" + d="M 0,0 5,-5 -12.5,0 5,5 Z" + id="path984" /> + </marker> + <linearGradient + inkscape:collect="always" + id="linearGradient4826"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop4822" /> + <stop + style="stop-color:#ffffff;stop-opacity:0" + offset="1" + id="stop4824" /> + </linearGradient> + <linearGradient + id="linearGradient4549-7-5" + inkscape:collect="always"> + <stop + id="stop4713" + offset="0" + style="stop-color:#a3a3a3;stop-opacity:1" /> + <stop + id="stop846" + offset="0.28143725" + style="stop-color:#3b3b3b;stop-opacity:1" /> + <stop + id="stop915" + offset="0.44401103" + style="stop-color:#1b1b1b;stop-opacity:1" /> + <stop + id="stop848" + offset="0.5507682" + style="stop-color:#000000;stop-opacity:1" /> + <stop + id="stop917" + offset="0.77568066" + style="stop-color:#515151;stop-opacity:1" /> + <stop + id="stop4715" + offset="1" + style="stop-color:#fdfdfd;stop-opacity:1" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4549-7-5" + id="linearGradient4551" + x1="65.506538" + y1="285.66071" + x2="64.214882" + y2="181.33928" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.19440301,0,0,0.19403046,-1.6155683,240.69162)" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient4826" + id="radialGradient850" + cx="10.817346" + cy="278.30399" + fx="10.817346" + fy="278.30399" + r="5.4071593" + gradientTransform="matrix(1.1586751,0,0,0.69058056,-1.5629734,-187.87013)" + gradientUnits="userSpaceOnUse" /> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="3.6203868" + inkscape:cx="-45.022814" + inkscape:cy="41.432037" + inkscape:document-units="mm" + inkscape:current-layer="g1438" + showgrid="false" + inkscape:window-width="1865" + inkscape:window-height="1007" + inkscape:window-x="55" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:document-rotation="0" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:pagecheckerboard="0" /> + <metadata + id="metadata5"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:groupmode="layer" + id="layer4" + inkscape:label="Colors" + style="display:inline" + sodipodi:insensitive="true"> + <g + inkscape:label="Color-gray" + inkscape:groupmode="layer" + id="g1438" + style="display:none" + transform="translate(0.21100694,-274.88691)"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse1436" + style="fill:#676767;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-red" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse886" + style="fill:#d20000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-orange" + inkscape:groupmode="layer" + id="g927" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse925" + style="fill:#d09400;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-blue" + inkscape:groupmode="layer" + id="g935" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse933" + style="fill:#0094d2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-purple" + inkscape:groupmode="layer" + id="g939" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse937" + style="fill:#b800fa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-green" + inkscape:groupmode="layer" + id="g931" + transform="translate(0.21100694,-274.88691)" + style="display:inline" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse929" + style="fill:#00b109;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <text + xml:space="preserve" + style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583" + x="10.151274" + y="286.49353" + id="text943"><tspan + sodipodi:role="line" + id="tspan941" + x="10.151274" + y="286.49353" + style="stroke-width:0.264583" /></text> + </g> + </g> + <g + inkscape:groupmode="layer" + id="g1426" + inkscape:label="Enfosquir" + style="display:inline;mix-blend-mode:multiply" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <ellipse + ry="10.686065" + rx="10.780932" + cy="10.997702" + cx="10.993551" + id="ellipse1622" + style="display:inline;mix-blend-mode:multiply;fill:#c2c2c2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Brillus" + style="display:inline;mix-blend-mode:screen;opacity:0.71162423" + transform="translate(0.21100694,0.11309129)"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="path18" + style="fill:url(#linearGradient4551);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + transform="translate(0,-275.00001)" /> + <ellipse + style="mix-blend-mode:normal;fill:url(#radialGradient850);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:5.31546;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.287554" + id="path4753" + cx="11" + cy="4.5287652" + rx="6.2651415" + ry="3.8578923" /> + </g> + <g + inkscape:label="Vora" + inkscape:groupmode="layer" + id="g952" + transform="translate(0.21100694,-274.88691)" + style="display:inline" + sodipodi:insensitive="true"> + <ellipse + ry="9.8662539" + rx="9.9539232" + cy="285.99771" + cx="10.99355" + id="ellipse950" + style="opacity:0.334601;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <ellipse + ry="10.686065" + rx="10.780932" + cy="10.997702" + cx="10.993551" + id="ellipse1422" + style="display:inline;mix-blend-mode:multiply;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + transform="translate(0,275)" /> + </g> + <g + inkscape:groupmode="layer" + id="g932" + inkscape:label="Símbol x (close)" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path928" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.16953645,0.16953645,-0.96898258,0.96898258,285.99407,-267.59497)" /> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path930" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(-0.16942008,0.16942008,-0.96898258,-0.96898258,289.59372,285.99528)" /> + </g> + <g + inkscape:groupmode="layer" + id="layer3" + inkscape:label="Símbol + (max)" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path945" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.23976075,0,0,1.3703483,8.4537879,-380.44657)" /> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path948" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0,0.23959618,-1.3703483,0,402.44655,8.4555147)" /> + </g> + <g + inkscape:groupmode="layer" + id="g913" + inkscape:label="Símbol - (min)" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path911" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0,0.23959618,-1.3703483,0,402.44655,8.4555147)" /> + </g> + <g + inkscape:groupmode="layer" + id="g966" + inkscape:label="Símbol quadrat (unmax)" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path962" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.49467594,0,0,0.49728331,5.7466383,-131.05136)" /> + </g> + <g + inkscape:groupmode="layer" + id="g970" + inkscape:label="Símbol circumf (omni)" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <ellipse + style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.99844;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path972" + cx="11" + cy="11" + rx="4.7178855" + ry="4.7641859" /> + </g> + <g + inkscape:groupmode="layer" + id="g976" + inkscape:label="Símbol cercle (un-omni)" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <ellipse + style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.41898;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="ellipse974" + cx="11" + cy="11" + rx="3.3499069" + ry="3.3827822" /> + </g> + <g + inkscape:groupmode="layer" + id="g980" + inkscape:label="Símbol roll-up" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,15.930295 V 6.0695874 L 6.2950334,10.774554" + id="path982" /> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,15.930295 V 6.0695874 l 4.704967,4.7049666" + id="path1414" /> + </g> + <g + inkscape:groupmode="layer" + id="g1420" + inkscape:label="Símbol roll-down" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,6.0697404 V 15.930448 L 6.2950334,11.225481" + id="path1416" /> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 11,6.0697404 v 9.8607076 l 4.704967,-4.704967" + id="path1418" /> + </g> + <g + inkscape:groupmode="layer" + id="g1432" + inkscape:label="Símbol menu" + style="display:none" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <path + sodipodi:type="star" + style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.11927;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path1434" + sodipodi:sides="3" + sodipodi:cx="10.993551" + sodipodi:cy="10.8344" + sodipodi:r1="5.0393019" + sodipodi:r2="2.5196509" + sodipodi:arg1="-0.52359878" + sodipodi:arg2="0.52359878" + inkscape:flatsided="true" + inkscape:rounded="0" + inkscape:randomized="0" + d="M 15.357715,8.3147492 10.993551,15.873702 6.6293878,8.3147493 Z" + inkscape:transform-center-y="-0.065233269" /> + </g> +</svg> diff --git a/xfwm4/buttons.svg b/xfwm4/buttons.svg new file mode 100644 index 0000000..b52e396 --- /dev/null +++ b/xfwm4/buttons.svg @@ -0,0 +1,549 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="22.409117mm" + height="22.221605mm" + viewBox="0 0 22.409117 22.221605" + version="1.1" + id="svg8" + inkscape:version="1.0.2 (e86c870879, 2021-01-15)" + sodipodi:docname="buttons.svg" + inkscape:export-filename="stick-active.png" + inkscape:export-xdpi="37.720047" + inkscape:export-ydpi="37.720047"> + <defs + id="defs2"> + <marker + style="overflow:visible" + id="Arrow2Sstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow2Sstart" + inkscape:isstock="true"> + <path + transform="matrix(0.3,0,0,0.3,-0.69,0)" + d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" + id="path1014" /> + </marker> + <marker + style="overflow:visible" + id="Arrow2Mstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow2Mstart" + inkscape:isstock="true"> + <path + transform="scale(0.6)" + d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" + id="path1008" /> + </marker> + <marker + style="overflow:visible" + id="Arrow1Lstart" + refX="0" + refY="0" + orient="auto" + inkscape:stockid="Arrow1Lstart" + inkscape:isstock="true"> + <path + transform="matrix(0.8,0,0,0.8,10,0)" + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1" + d="M 0,0 5,-5 -12.5,0 5,5 Z" + id="path984" /> + </marker> + <linearGradient + inkscape:collect="always" + id="linearGradient958"> + <stop + style="stop-color:#000000;stop-opacity:1;" + offset="0" + id="stop954" /> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="1" + id="stop956" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient4826"> + <stop + style="stop-color:#ffffff;stop-opacity:1" + offset="0" + id="stop4822" /> + <stop + style="stop-color:#ffffff;stop-opacity:0" + offset="1" + id="stop4824" /> + </linearGradient> + <linearGradient + id="linearGradient4549-7-5" + inkscape:collect="always"> + <stop + id="stop4713" + offset="0" + style="stop-color:#a3a3a3;stop-opacity:1" /> + <stop + id="stop846" + offset="0.28143725" + style="stop-color:#3b3b3b;stop-opacity:1" /> + <stop + id="stop915" + offset="0.44401103" + style="stop-color:#1b1b1b;stop-opacity:1" /> + <stop + id="stop848" + offset="0.5507682" + style="stop-color:#000000;stop-opacity:1" /> + <stop + id="stop917" + offset="0.77568066" + style="stop-color:#515151;stop-opacity:1" /> + <stop + id="stop4715" + offset="1" + style="stop-color:#fdfdfd;stop-opacity:1" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4549-7-5" + id="linearGradient4551" + x1="65.506538" + y1="285.66071" + x2="64.214882" + y2="181.33928" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.19440301,0,0,0.19403046,-1.6155683,240.69162)" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient4826" + id="radialGradient850" + cx="10.817346" + cy="278.30399" + fx="10.817346" + fy="278.30399" + r="5.4071593" + gradientTransform="matrix(1.1586751,0,0,0.6533657,-1.5629734,97.290196)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient958" + id="linearGradient960" + x1="11.125138" + y1="275.37744" + x2="11.002381" + y2="296.55121" + gradientUnits="userSpaceOnUse" /> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="3.6203868" + inkscape:cx="-44.851326" + inkscape:cy="41.491743" + inkscape:document-units="mm" + inkscape:current-layer="g1438" + showgrid="false" + inkscape:window-width="1866" + inkscape:window-height="1012" + inkscape:window-x="54" + inkscape:window-y="31" + inkscape:window-maximized="1" + inkscape:document-rotation="0" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" /> + <metadata + id="metadata5"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:groupmode="layer" + id="layer4" + inkscape:label="Colors" + style="display:inline"> + <g + inkscape:label="Color-gray" + inkscape:groupmode="layer" + id="g1438" + style="display:none" + transform="translate(0.21100694,-274.88691)"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse1436" + style="fill:#676767;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-red" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse886" + style="fill:#d20000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-orange" + inkscape:groupmode="layer" + id="g927" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse925" + style="fill:#d09400;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-blue" + inkscape:groupmode="layer" + id="g935" + transform="translate(0.21100694,-274.88691)" + style="display:inline" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse933" + style="fill:#0094d2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-purple" + inkscape:groupmode="layer" + id="g939" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse937" + style="fill:#b800fa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:label="Color-green" + inkscape:groupmode="layer" + id="g931" + transform="translate(0.21100694,-274.88691)" + style="display:none" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse929" + style="fill:#00b109;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <text + xml:space="preserve" + style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583" + x="10.151274" + y="286.49353" + id="text943"><tspan + sodipodi:role="line" + id="tspan941" + x="10.151274" + y="286.49353" + style="stroke-width:0.264583" /></text> + </g> + </g> + <g + inkscape:groupmode="layer" + id="g1426" + inkscape:label="Enfosquir" + style="display:inline;mix-blend-mode:multiply" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse1422" + style="fill:#c2c2c2;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + transform="translate(0,-275.00001)" /> + </g> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Brillus" + style="display:inline;mix-blend-mode:screen" + transform="translate(0.21100694,0.11309129)" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="path18" + style="fill:url(#linearGradient4551);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + transform="translate(0,-275.00001)" /> + <ellipse + style="mix-blend-mode:normal;fill:url(#radialGradient850);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:5.31546;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.287554" + id="path4753" + cx="11" + cy="279.32086" + rx="6.2651415" + ry="3.6499934" + transform="translate(0,-275.00001)" /> + </g> + <g + inkscape:label="Vora" + inkscape:groupmode="layer" + id="g952" + transform="translate(0.21100694,-274.88691)" + style="display:inline" + sodipodi:insensitive="true"> + <ellipse + ry="10.560802" + rx="10.654558" + cy="285.99771" + cx="10.993551" + id="ellipse950" + style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient960);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + inkscape:groupmode="layer" + id="g932" + inkscape:label="Símbol x (close)" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path928" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.16953645,0.16953645,-0.96898258,0.96898258,285.99407,-267.59497)" /> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path930" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(-0.16942008,0.16942008,-0.96898258,-0.96898258,289.59372,285.99528)" /> + </g> + <g + inkscape:groupmode="layer" + id="layer3" + inkscape:label="Símbol + (max)" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path945" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.23976075,0,0,1.3703483,8.4537879,-380.44657)" /> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path948" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0,0.23959618,-1.3703483,0,402.44655,8.4555147)" /> + </g> + <g + inkscape:groupmode="layer" + id="g913" + inkscape:label="Símbol - (min)" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path911" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0,0.23959618,-1.3703483,0,402.44655,8.4555147)" /> + </g> + <g + inkscape:groupmode="layer" + id="g966" + inkscape:label="Símbol quadrat (unmax)" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <path + sodipodi:type="star" + style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264999" + id="path962" + sodipodi:sides="4" + sodipodi:cx="10.619804" + sodipodi:cy="285.65479" + sodipodi:r1="7.6160188" + sodipodi:r2="5.3853388" + sodipodi:arg1="0.78539816" + sodipodi:arg2="1.5707963" + inkscape:flatsided="false" + inkscape:rounded="0" + inkscape:randomized="0" + d="m 16.005143,291.04012 -5.385338,0 -5.3853391,0 -3e-7,-5.38533 2e-7,-5.38534 5.3853382,0 5.385339,0 0,5.38534 z" + transform="matrix(0.49467594,0,0,0.49728331,5.7466383,-131.05136)" /> + </g> + <g + inkscape:groupmode="layer" + id="g970" + inkscape:label="Símbol circumf (omni)" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <ellipse + style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.99844;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path972" + cx="11" + cy="11" + rx="4.7178855" + ry="4.7641859" /> + </g> + <g + inkscape:groupmode="layer" + id="g976" + inkscape:label="Símbol cercle (un-omni)" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <ellipse + style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.41898;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="ellipse974" + cx="11" + cy="11" + rx="3.3499069" + ry="3.3827822" /> + </g> + <g + inkscape:groupmode="layer" + id="g980" + inkscape:label="Símbol roll-up" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,15.930295 V 6.0695874 L 6.2950334,10.774554" + id="path982" /> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,15.930295 V 6.0695874 l 4.704967,4.7049666" + id="path1414" /> + </g> + <g + inkscape:groupmode="layer" + id="g1420" + inkscape:label="Símbol roll-down" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 11,6.0697404 V 15.930448 L 6.2950334,11.225481" + id="path1416" /> + <path + style="fill:none;stroke:#000000;stroke-width:2.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 11,6.0697404 v 9.8607076 l 4.704967,-4.704967" + id="path1418" /> + </g> + <g + inkscape:groupmode="layer" + id="g1432" + inkscape:label="Símbol menu" + style="display:none" + transform="translate(0.21100694,0.11309129)"> + <path + sodipodi:type="star" + style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.11927;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="path1434" + sodipodi:sides="3" + sodipodi:cx="10.993551" + sodipodi:cy="10.8344" + sodipodi:r1="5.0393019" + sodipodi:r2="2.5196509" + sodipodi:arg1="-0.52359878" + sodipodi:arg2="0.52359878" + inkscape:flatsided="true" + inkscape:rounded="0" + inkscape:randomized="0" + d="M 15.357715,8.3147492 10.993551,15.873702 6.6293878,8.3147493 Z" + inkscape:transform-center-y="-0.065233269" /> + </g> +</svg> diff --git a/xfwm4/close-active.png b/xfwm4/close-active.png index 3d3e576..47acea1 120000 --- a/xfwm4/close-active.png +++ b/xfwm4/close-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +red.png \ No newline at end of file diff --git a/xfwm4/close-active.xpm b/xfwm4/close-active.xpm index 4116117..552f8d6 100644 --- a/xfwm4/close-active.xpm +++ b/xfwm4/close-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * close_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" ... ... ", -" ... ... ", -" ..... ", -" ... ", -" ..... ", -" ... ... ", -" ... ... ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SS SS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SS SS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/close-inactive.png b/xfwm4/close-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/close-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/close-inactive.xpm b/xfwm4/close-inactive.xpm index 1232b0b..bb9c719 100644 --- a/xfwm4/close-inactive.xpm +++ b/xfwm4/close-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * close_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" ... ... ", -" ... ... ", -" ..... ", -" ... ", -" ..... ", -" ... ... ", -" ... ... ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SS SS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SS SS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/close-prelight.png b/xfwm4/close-prelight.png index c9cd7e1..f0f8e91 120000 --- a/xfwm4/close-prelight.png +++ b/xfwm4/close-prelight.png @@ -1 +1 @@ -button-normal-red.png \ No newline at end of file +red-prelight.png \ No newline at end of file diff --git a/xfwm4/close-pressed.png b/xfwm4/close-pressed.png index c0d7b26..47acea1 120000 --- a/xfwm4/close-pressed.png +++ b/xfwm4/close-pressed.png @@ -1 +1 @@ -button-pressed-red.png \ No newline at end of file +red.png \ No newline at end of file diff --git a/xfwm4/close-pressed.xpm b/xfwm4/close-pressed.xpm deleted file mode 120000 index f9d10dd..0000000 --- a/xfwm4/close-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -close-active.xpm \ No newline at end of file diff --git a/xfwm4/close-pressed.xpm b/xfwm4/close-pressed.xpm new file mode 100644 index 0000000..89311ba --- /dev/null +++ b/xfwm4/close-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SS SS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SS SS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/colors.xcf b/xfwm4/colors.xcf new file mode 100644 index 0000000..5d55b92 Binary files /dev/null and b/xfwm4/colors.xcf differ diff --git a/xfwm4/green-prelight.png b/xfwm4/green-prelight.png new file mode 100644 index 0000000..a61212f Binary files /dev/null and b/xfwm4/green-prelight.png differ diff --git a/xfwm4/green.png b/xfwm4/green.png new file mode 100644 index 0000000..454914c Binary files /dev/null and b/xfwm4/green.png differ diff --git a/xfwm4/hide-active.png b/xfwm4/hide-active.png index 3d3e576..a04eeee 120000 --- a/xfwm4/hide-active.png +++ b/xfwm4/hide-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +yellow.png \ No newline at end of file diff --git a/xfwm4/hide-active.xpm b/xfwm4/hide-active.xpm index 3efa1b2..3f18342 100644 --- a/xfwm4/hide-active.xpm +++ b/xfwm4/hide-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * hide_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ......... ", -" ......... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/hide-inactive.png b/xfwm4/hide-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/hide-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/hide-inactive.xpm b/xfwm4/hide-inactive.xpm index cf61eb1..5689084 100644 --- a/xfwm4/hide-inactive.xpm +++ b/xfwm4/hide-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * hide_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ......... ", -" ......... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/hide-prelight.png b/xfwm4/hide-prelight.png index 29e6da8..0c755b7 120000 --- a/xfwm4/hide-prelight.png +++ b/xfwm4/hide-prelight.png @@ -1 +1 @@ -button-normal-yellow.png \ No newline at end of file +yellow-prelight.png \ No newline at end of file diff --git a/xfwm4/hide-pressed.png b/xfwm4/hide-pressed.png index 397c23b..a04eeee 120000 --- a/xfwm4/hide-pressed.png +++ b/xfwm4/hide-pressed.png @@ -1 +1 @@ -button-pressed-yellow.png \ No newline at end of file +yellow.png \ No newline at end of file diff --git a/xfwm4/hide-pressed.xpm b/xfwm4/hide-pressed.xpm deleted file mode 120000 index c9fa606..0000000 --- a/xfwm4/hide-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -hide-active.xpm \ No newline at end of file diff --git a/xfwm4/hide-pressed.xpm b/xfwm4/hide-pressed.xpm new file mode 100644 index 0000000..2d894fb --- /dev/null +++ b/xfwm4/hide-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/left-active.xpm b/xfwm4/left-active.xpm index 0d44bb9..700e2fa 100644 --- a/xfwm4/left-active.xpm +++ b/xfwm4/left-active.xpm @@ -2,8 +2,8 @@ static char * left_active_xpm[] = { "6 24 3 1", " c None", -"# c #C0C0C0 s active_color_2", -"@ c #C0C0FF s active_color_2", +"# c #C0C0C0 s active_color_1", +"@ c #C0C0FF s active_hilight_1", "@@####", "@@####", "@@####", diff --git a/xfwm4/left-inactive.xpm b/xfwm4/left-inactive.xpm index 766d409..fac98a6 100644 --- a/xfwm4/left-inactive.xpm +++ b/xfwm4/left-inactive.xpm @@ -1,9 +1,9 @@ /* XPM */ -static char * left_inactive_xpm[] = { +static char * left_active_xpm[] = { "6 24 3 1", " c None", "# c #C0C0C0 s inactive_color_2", -"@ c #C0C0FF s inactive_color_2", +"@ c #C0C0FF s inactive_hilight_2", "@@####", "@@####", "@@####", diff --git a/xfwm4/maximize-active.png b/xfwm4/maximize-active.png index 3d3e576..8e0907c 120000 --- a/xfwm4/maximize-active.png +++ b/xfwm4/maximize-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +blue.png \ No newline at end of file diff --git a/xfwm4/maximize-active.xpm b/xfwm4/maximize-active.xpm index c68f37c..e78a14e 100644 --- a/xfwm4/maximize-active.xpm +++ b/xfwm4/maximize-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * maximize_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ......... ", -" ......... ", -" .. .. ", -" .. .. ", -" .. .. ", -" .. .. ", -" .. .. ", -" ......... ", -" ......... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/maximize-inactive.png b/xfwm4/maximize-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/maximize-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/maximize-inactive.xpm b/xfwm4/maximize-inactive.xpm index b97c9e7..cb6fbc2 100644 --- a/xfwm4/maximize-inactive.xpm +++ b/xfwm4/maximize-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * maximize_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ......... ", -" ......... ", -" .. .. ", -" .. .. ", -" .. .. ", -" .. .. ", -" .. .. ", -" ......... ", -" ......... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/maximize-prelight.png b/xfwm4/maximize-prelight.png index 7bba216..73fce77 120000 --- a/xfwm4/maximize-prelight.png +++ b/xfwm4/maximize-prelight.png @@ -1 +1 @@ -button-normal-green.png \ No newline at end of file +blue-prelight.png \ No newline at end of file diff --git a/xfwm4/maximize-pressed.png b/xfwm4/maximize-pressed.png index d31902b..8e0907c 120000 --- a/xfwm4/maximize-pressed.png +++ b/xfwm4/maximize-pressed.png @@ -1 +1 @@ -button-pressed-green.png \ No newline at end of file +blue.png \ No newline at end of file diff --git a/xfwm4/maximize-pressed.xpm b/xfwm4/maximize-pressed.xpm deleted file mode 120000 index ba86411..0000000 --- a/xfwm4/maximize-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -maximize-active.xpm \ No newline at end of file diff --git a/xfwm4/maximize-pressed.xpm b/xfwm4/maximize-pressed.xpm new file mode 100644 index 0000000..a1e698a --- /dev/null +++ b/xfwm4/maximize-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ SS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/maximize-toggled-active.png b/xfwm4/maximize-toggled-active.png index 3d3e576..8e0907c 120000 --- a/xfwm4/maximize-toggled-active.png +++ b/xfwm4/maximize-toggled-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +blue.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-active.xpm b/xfwm4/maximize-toggled-active.xpm index 16116c8..cf10870 100644 --- a/xfwm4/maximize-toggled-active.xpm +++ b/xfwm4/maximize-toggled-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * maximize_toggled_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ....... ", -" ....... ", -" .. .. ", -" .. .. ", -" .. .. ", -" ....... ", -" ....... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/maximize-toggled-inactive.png b/xfwm4/maximize-toggled-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/maximize-toggled-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-inactive.xpm b/xfwm4/maximize-toggled-inactive.xpm index f90e5a0..d72dd65 100644 --- a/xfwm4/maximize-toggled-inactive.xpm +++ b/xfwm4/maximize-toggled-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * maximize_toggled_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ....... ", -" ....... ", -" .. .. ", -" .. .. ", -" .. .. ", -" ....... ", -" ....... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/maximize-toggled-prelight.png b/xfwm4/maximize-toggled-prelight.png index 7bba216..73fce77 120000 --- a/xfwm4/maximize-toggled-prelight.png +++ b/xfwm4/maximize-toggled-prelight.png @@ -1 +1 @@ -button-normal-green.png \ No newline at end of file +blue-prelight.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-pressed.png b/xfwm4/maximize-toggled-pressed.png index d31902b..8e0907c 120000 --- a/xfwm4/maximize-toggled-pressed.png +++ b/xfwm4/maximize-toggled-pressed.png @@ -1 +1 @@ -button-pressed-green.png \ No newline at end of file +blue.png \ No newline at end of file diff --git a/xfwm4/maximize-toggled-pressed.xpm b/xfwm4/maximize-toggled-pressed.xpm deleted file mode 120000 index 6e0dcf1..0000000 --- a/xfwm4/maximize-toggled-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -maximize-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/maximize-toggled-pressed.xpm b/xfwm4/maximize-toggled-pressed.xpm new file mode 100644 index 0000000..6f1e46d --- /dev/null +++ b/xfwm4/maximize-toggled-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ SSSSSSSSSSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/menu-active.xpm b/xfwm4/menu-active.xpm index 9f162b3..dbc4aec 100644 --- a/xfwm4/menu-active.xpm +++ b/xfwm4/menu-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * hide_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/menu-inactive.xpm b/xfwm4/menu-inactive.xpm index 6b12d4e..e5ddff8 100644 --- a/xfwm4/menu-inactive.xpm +++ b/xfwm4/menu-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * hide_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" ", +" "}; diff --git a/xfwm4/menu-prelight.png b/xfwm4/menu-prelight.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/menu-prelight.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/menu-pressed.png b/xfwm4/menu-pressed.png deleted file mode 120000 index 1f06e49..0000000 --- a/xfwm4/menu-pressed.png +++ /dev/null @@ -1 +0,0 @@ -button-pressed.png \ No newline at end of file diff --git a/xfwm4/pngs/button-active.png b/xfwm4/pngs/button-active.png new file mode 100644 index 0000000..2805a0f Binary files /dev/null and b/xfwm4/pngs/button-active.png differ diff --git a/xfwm4/pngs/button-inactive.png b/xfwm4/pngs/button-inactive.png new file mode 100644 index 0000000..60c3e11 Binary files /dev/null and b/xfwm4/pngs/button-inactive.png differ diff --git a/xfwm4/pngs/close-active.png b/xfwm4/pngs/close-active.png new file mode 100644 index 0000000..f02e344 Binary files /dev/null and b/xfwm4/pngs/close-active.png differ diff --git a/xfwm4/pngs/close-inactive.png b/xfwm4/pngs/close-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/close-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/close-prelight.png b/xfwm4/pngs/close-prelight.png new file mode 100644 index 0000000..ed19dfa Binary files /dev/null and b/xfwm4/pngs/close-prelight.png differ diff --git a/xfwm4/pngs/close-pressed.png b/xfwm4/pngs/close-pressed.png new file mode 100644 index 0000000..107a2ed Binary files /dev/null and b/xfwm4/pngs/close-pressed.png differ diff --git a/xfwm4/pngs/hide-active.png b/xfwm4/pngs/hide-active.png new file mode 100644 index 0000000..d5eda81 Binary files /dev/null and b/xfwm4/pngs/hide-active.png differ diff --git a/xfwm4/pngs/hide-inactive.png b/xfwm4/pngs/hide-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/hide-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/hide-prelight.png b/xfwm4/pngs/hide-prelight.png new file mode 100644 index 0000000..7d11355 Binary files /dev/null and b/xfwm4/pngs/hide-prelight.png differ diff --git a/xfwm4/pngs/hide-pressed.png b/xfwm4/pngs/hide-pressed.png new file mode 100644 index 0000000..937d618 Binary files /dev/null and b/xfwm4/pngs/hide-pressed.png differ diff --git a/xfwm4/pngs/maximize-active.png b/xfwm4/pngs/maximize-active.png new file mode 100644 index 0000000..78631b6 Binary files /dev/null and b/xfwm4/pngs/maximize-active.png differ diff --git a/xfwm4/pngs/maximize-inactive.png b/xfwm4/pngs/maximize-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/maximize-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/maximize-prelight.png b/xfwm4/pngs/maximize-prelight.png new file mode 100644 index 0000000..05a8a8c Binary files /dev/null and b/xfwm4/pngs/maximize-prelight.png differ diff --git a/xfwm4/pngs/maximize-pressed.png b/xfwm4/pngs/maximize-pressed.png new file mode 100644 index 0000000..777e3ab Binary files /dev/null and b/xfwm4/pngs/maximize-pressed.png differ diff --git a/xfwm4/pngs/maximize-toggled-active.png b/xfwm4/pngs/maximize-toggled-active.png new file mode 100644 index 0000000..777e3ab Binary files /dev/null and b/xfwm4/pngs/maximize-toggled-active.png differ diff --git a/xfwm4/pngs/maximize-toggled-inactive.png b/xfwm4/pngs/maximize-toggled-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/maximize-toggled-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/maximize-toggled-prelight.png b/xfwm4/pngs/maximize-toggled-prelight.png new file mode 100644 index 0000000..180bf34 Binary files /dev/null and b/xfwm4/pngs/maximize-toggled-prelight.png differ diff --git a/xfwm4/pngs/maximize-toggled-pressed.png b/xfwm4/pngs/maximize-toggled-pressed.png new file mode 100644 index 0000000..a8f0a57 Binary files /dev/null and b/xfwm4/pngs/maximize-toggled-pressed.png differ diff --git a/xfwm4/pngs/menu-active.png b/xfwm4/pngs/menu-active.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/menu-active.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/menu-inactive.png b/xfwm4/pngs/menu-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/menu-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/menu-prelight.png b/xfwm4/pngs/menu-prelight.png new file mode 100644 index 0000000..60c3e11 Binary files /dev/null and b/xfwm4/pngs/menu-prelight.png differ diff --git a/xfwm4/pngs/menu-pressed.png b/xfwm4/pngs/menu-pressed.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/menu-pressed.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/shade-active.png b/xfwm4/pngs/shade-active.png new file mode 100644 index 0000000..1793208 Binary files /dev/null and b/xfwm4/pngs/shade-active.png differ diff --git a/xfwm4/pngs/shade-inactive.png b/xfwm4/pngs/shade-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/shade-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/shade-prelight.png b/xfwm4/pngs/shade-prelight.png new file mode 100644 index 0000000..26e8cec Binary files /dev/null and b/xfwm4/pngs/shade-prelight.png differ diff --git a/xfwm4/pngs/shade-pressed.png b/xfwm4/pngs/shade-pressed.png new file mode 100644 index 0000000..9ee7e54 Binary files /dev/null and b/xfwm4/pngs/shade-pressed.png differ diff --git a/xfwm4/pngs/shade-toggled-active.png b/xfwm4/pngs/shade-toggled-active.png new file mode 100644 index 0000000..9ee7e54 Binary files /dev/null and b/xfwm4/pngs/shade-toggled-active.png differ diff --git a/xfwm4/pngs/shade-toggled-inactive.png b/xfwm4/pngs/shade-toggled-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/shade-toggled-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/shade-toggled-prelight.png b/xfwm4/pngs/shade-toggled-prelight.png new file mode 100644 index 0000000..c28a63f Binary files /dev/null and b/xfwm4/pngs/shade-toggled-prelight.png differ diff --git a/xfwm4/pngs/shade-toggled-pressed.png b/xfwm4/pngs/shade-toggled-pressed.png new file mode 100644 index 0000000..b077b4d Binary files /dev/null and b/xfwm4/pngs/shade-toggled-pressed.png differ diff --git a/xfwm4/pngs/stick-active.png b/xfwm4/pngs/stick-active.png new file mode 100644 index 0000000..8580359 Binary files /dev/null and b/xfwm4/pngs/stick-active.png differ diff --git a/xfwm4/pngs/stick-inactive.png b/xfwm4/pngs/stick-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/stick-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/stick-prelight.png b/xfwm4/pngs/stick-prelight.png new file mode 100644 index 0000000..e14fb4b Binary files /dev/null and b/xfwm4/pngs/stick-prelight.png differ diff --git a/xfwm4/pngs/stick-pressed.png b/xfwm4/pngs/stick-pressed.png new file mode 100644 index 0000000..fc30233 Binary files /dev/null and b/xfwm4/pngs/stick-pressed.png differ diff --git a/xfwm4/pngs/stick-toggled-active.png b/xfwm4/pngs/stick-toggled-active.png new file mode 100644 index 0000000..fc30233 Binary files /dev/null and b/xfwm4/pngs/stick-toggled-active.png differ diff --git a/xfwm4/pngs/stick-toggled-inactive.png b/xfwm4/pngs/stick-toggled-inactive.png new file mode 120000 index 0000000..d57f1ce --- /dev/null +++ b/xfwm4/pngs/stick-toggled-inactive.png @@ -0,0 +1 @@ +button-inactive.png \ No newline at end of file diff --git a/xfwm4/pngs/stick-toggled-prelight.png b/xfwm4/pngs/stick-toggled-prelight.png new file mode 100644 index 0000000..5595f6e Binary files /dev/null and b/xfwm4/pngs/stick-toggled-prelight.png differ diff --git a/xfwm4/pngs/stick-toggled-pressed.png b/xfwm4/pngs/stick-toggled-pressed.png new file mode 100644 index 0000000..7f53fa6 Binary files /dev/null and b/xfwm4/pngs/stick-toggled-pressed.png differ diff --git a/xfwm4/title-1-active.png b/xfwm4/pngs/title-1-active.png.disabled similarity index 55% rename from xfwm4/title-1-active.png rename to xfwm4/pngs/title-1-active.png.disabled index 49914bb..3fa96b7 100644 Binary files a/xfwm4/title-1-active.png and b/xfwm4/pngs/title-1-active.png.disabled differ diff --git a/xfwm4/title-1-inactive.png b/xfwm4/pngs/title-1-inactive.png similarity index 100% rename from xfwm4/title-1-inactive.png rename to xfwm4/pngs/title-1-inactive.png diff --git a/xfwm4/title-2-active.png b/xfwm4/pngs/title-2-active.png similarity index 100% rename from xfwm4/title-2-active.png rename to xfwm4/pngs/title-2-active.png diff --git a/xfwm4/pngs/title-2-inactive.png b/xfwm4/pngs/title-2-inactive.png new file mode 120000 index 0000000..f5451d3 --- /dev/null +++ b/xfwm4/pngs/title-2-inactive.png @@ -0,0 +1 @@ +title-2-active.png \ No newline at end of file diff --git a/xfwm4/title-3-active.png b/xfwm4/pngs/title-3-active.png similarity index 100% rename from xfwm4/title-3-active.png rename to xfwm4/pngs/title-3-active.png diff --git a/xfwm4/pngs/title-3-inactive.png b/xfwm4/pngs/title-3-inactive.png new file mode 120000 index 0000000..7d403d4 --- /dev/null +++ b/xfwm4/pngs/title-3-inactive.png @@ -0,0 +1 @@ +title-3-active.png \ No newline at end of file diff --git a/xfwm4/title-4-active.png b/xfwm4/pngs/title-4-active.png similarity index 100% rename from xfwm4/title-4-active.png rename to xfwm4/pngs/title-4-active.png diff --git a/xfwm4/pngs/title-4-inactive.png b/xfwm4/pngs/title-4-inactive.png new file mode 120000 index 0000000..86bce4a --- /dev/null +++ b/xfwm4/pngs/title-4-inactive.png @@ -0,0 +1 @@ +title-4-active.png \ No newline at end of file diff --git a/xfwm4/title-5-active.png b/xfwm4/pngs/title-5-active.png similarity index 100% rename from xfwm4/title-5-active.png rename to xfwm4/pngs/title-5-active.png diff --git a/xfwm4/pngs/title-5-inactive.png b/xfwm4/pngs/title-5-inactive.png new file mode 120000 index 0000000..2511e7c --- /dev/null +++ b/xfwm4/pngs/title-5-inactive.png @@ -0,0 +1 @@ +title-5-active.png \ No newline at end of file diff --git a/xfwm4/pngs/top-left-active.png b/xfwm4/pngs/top-left-active.png new file mode 100644 index 0000000..04fb02f Binary files /dev/null and b/xfwm4/pngs/top-left-active.png differ diff --git a/xfwm4/top-left-inactive.png b/xfwm4/pngs/top-left-inactive.png similarity index 100% rename from xfwm4/top-left-inactive.png rename to xfwm4/pngs/top-left-inactive.png diff --git a/xfwm4/pngs/top-right-active.png b/xfwm4/pngs/top-right-active.png new file mode 100644 index 0000000..06e3ebd Binary files /dev/null and b/xfwm4/pngs/top-right-active.png differ diff --git a/xfwm4/top-right-inactive.png b/xfwm4/pngs/top-right-inactive.png similarity index 100% rename from xfwm4/top-right-inactive.png rename to xfwm4/pngs/top-right-inactive.png diff --git a/xfwm4/red-prelight.png b/xfwm4/red-prelight.png new file mode 100644 index 0000000..8d947b8 Binary files /dev/null and b/xfwm4/red-prelight.png differ diff --git a/xfwm4/red.png b/xfwm4/red.png new file mode 100644 index 0000000..6c82544 Binary files /dev/null and b/xfwm4/red.png differ diff --git a/xfwm4/right-active.xpm b/xfwm4/right-active.xpm index 1b90c11..cf3cd1a 100644 --- a/xfwm4/right-active.xpm +++ b/xfwm4/right-active.xpm @@ -2,8 +2,8 @@ static char * right_active_xpm[] = { "6 24 3 1", " c None", -"# c #C0C0C0 s active_color_2", -"@ c #C0C0FF s active_color_2", +"# c #C0C0C0 s active_color_1", +"@ c #C0C0FF s active_shadow_1", "####@@", "####@@", "####@@", diff --git a/xfwm4/right-inactive.xpm b/xfwm4/right-inactive.xpm index 723c203..ab4313e 100644 --- a/xfwm4/right-inactive.xpm +++ b/xfwm4/right-inactive.xpm @@ -1,9 +1,9 @@ /* XPM */ -static char * right_inactive_xpm[] = { +static char * right_active_xpm[] = { "6 24 3 1", " c None", "# c #C0C0C0 s inactive_color_2", -"@ c #C0C0FF s inactive_color_2", +"@ c #C0C0FF s inactive_shadow_2", "####@@", "####@@", "####@@", diff --git a/xfwm4/shade-active.png b/xfwm4/shade-active.png index 3d3e576..e3db00d 120000 --- a/xfwm4/shade-active.png +++ b/xfwm4/shade-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +violet.png \ No newline at end of file diff --git a/xfwm4/shade-active.xpm b/xfwm4/shade-active.xpm index 966ae4d..7ef59ba 100644 --- a/xfwm4/shade-active.xpm +++ b/xfwm4/shade-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * shade_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" . ", -" ... ", -" ..... ", -" ... ... ", -" ... ... ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ S ++ ", +" @@ SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/shade-inactive.png b/xfwm4/shade-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/shade-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/shade-inactive.xpm b/xfwm4/shade-inactive.xpm index 5abbfba..a60635d 100644 --- a/xfwm4/shade-inactive.xpm +++ b/xfwm4/shade-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * shade_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" . ", -" ... ", -" ..... ", -" ... ... ", -" ... ... ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ S ++ ", +" @@ SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/shade-prelight.png b/xfwm4/shade-prelight.png index 7c01e9f..fc94210 120000 --- a/xfwm4/shade-prelight.png +++ b/xfwm4/shade-prelight.png @@ -1 +1 @@ -button-normal-cyan.png \ No newline at end of file +violet-prelight.png \ No newline at end of file diff --git a/xfwm4/shade-pressed.png b/xfwm4/shade-pressed.png index a68a011..e3db00d 120000 --- a/xfwm4/shade-pressed.png +++ b/xfwm4/shade-pressed.png @@ -1 +1 @@ -button-pressed-cyan.png \ No newline at end of file +violet.png \ No newline at end of file diff --git a/xfwm4/shade-pressed.xpm b/xfwm4/shade-pressed.xpm deleted file mode 120000 index 299e8e3..0000000 --- a/xfwm4/shade-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -shade-active.xpm \ No newline at end of file diff --git a/xfwm4/shade-pressed.xpm b/xfwm4/shade-pressed.xpm new file mode 100644 index 0000000..66130de --- /dev/null +++ b/xfwm4/shade-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ S ++ ", +" @@ SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/shade-toggled-active.png b/xfwm4/shade-toggled-active.png index 3d3e576..e3db00d 120000 --- a/xfwm4/shade-toggled-active.png +++ b/xfwm4/shade-toggled-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +violet.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-active.xpm b/xfwm4/shade-toggled-active.xpm index 19abdc4..359a912 100644 --- a/xfwm4/shade-toggled-active.xpm +++ b/xfwm4/shade-toggled-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * shade_toggled_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" ... ... ", -" ... ... ", -" ..... ", -" ... ", -" . ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS ++ ", +" @@ S ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/shade-toggled-inactive.png b/xfwm4/shade-toggled-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/shade-toggled-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-inactive.xpm b/xfwm4/shade-toggled-inactive.xpm index 2521f31..20ebee8 100644 --- a/xfwm4/shade-toggled-inactive.xpm +++ b/xfwm4/shade-toggled-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * shade_toggled_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" ... ... ", -" ... ... ", -" ..... ", -" ... ", -" . ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS ++ ", +" @@ S ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/shade-toggled-prelight.png b/xfwm4/shade-toggled-prelight.png index 7c01e9f..fc94210 120000 --- a/xfwm4/shade-toggled-prelight.png +++ b/xfwm4/shade-toggled-prelight.png @@ -1 +1 @@ -button-normal-cyan.png \ No newline at end of file +violet-prelight.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-pressed.png b/xfwm4/shade-toggled-pressed.png index a68a011..e3db00d 120000 --- a/xfwm4/shade-toggled-pressed.png +++ b/xfwm4/shade-toggled-pressed.png @@ -1 +1 @@ -button-pressed-cyan.png \ No newline at end of file +violet.png \ No newline at end of file diff --git a/xfwm4/shade-toggled-pressed.xpm b/xfwm4/shade-toggled-pressed.xpm deleted file mode 120000 index 68e20ca..0000000 --- a/xfwm4/shade-toggled-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -shade-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/shade-toggled-pressed.xpm b/xfwm4/shade-toggled-pressed.xpm new file mode 100644 index 0000000..09f03d0 --- /dev/null +++ b/xfwm4/shade-toggled-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSSSS ++ ", +" @@ SSS ++ ", +" @@ S ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/stick-active.png b/xfwm4/stick-active.png index 3d3e576..9913640 120000 --- a/xfwm4/stick-active.png +++ b/xfwm4/stick-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +green.png \ No newline at end of file diff --git a/xfwm4/stick-active.xpm b/xfwm4/stick-active.xpm index e11fee1..6786c0d 100644 --- a/xfwm4/stick-active.xpm +++ b/xfwm4/stick-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * stick_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/stick-inactive.png b/xfwm4/stick-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/stick-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/stick-inactive.xpm b/xfwm4/stick-inactive.xpm index 3e21b57..3ed466f 100644 --- a/xfwm4/stick-inactive.xpm +++ b/xfwm4/stick-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * stick_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" .. .. ", -" .. .. ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/stick-prelight.png b/xfwm4/stick-prelight.png index f885b1a..c60956a 120000 --- a/xfwm4/stick-prelight.png +++ b/xfwm4/stick-prelight.png @@ -1 +1 @@ -button-normal-violet.png \ No newline at end of file +green-prelight.png \ No newline at end of file diff --git a/xfwm4/stick-pressed.png b/xfwm4/stick-pressed.png index 0e3253d..9913640 120000 --- a/xfwm4/stick-pressed.png +++ b/xfwm4/stick-pressed.png @@ -1 +1 @@ -button-pressed-violet.png \ No newline at end of file +green.png \ No newline at end of file diff --git a/xfwm4/stick-pressed.xpm b/xfwm4/stick-pressed.xpm deleted file mode 120000 index 7da8177..0000000 --- a/xfwm4/stick-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -stick-active.xpm \ No newline at end of file diff --git a/xfwm4/stick-pressed.xpm b/xfwm4/stick-pressed.xpm new file mode 100644 index 0000000..bb10bc8 --- /dev/null +++ b/xfwm4/stick-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ SSS SSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/stick-toggled-active.png b/xfwm4/stick-toggled-active.png index 3d3e576..9913640 120000 --- a/xfwm4/stick-toggled-active.png +++ b/xfwm4/stick-toggled-active.png @@ -1 +1 @@ -button-normal.png \ No newline at end of file +green.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-active.xpm b/xfwm4/stick-toggled-active.xpm index b10c45f..5f4d390 100644 --- a/xfwm4/stick-toggled-active.xpm +++ b/xfwm4/stick-toggled-active.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * stick_toggled_active_xpm[] = { -"24 25 2 1", -" c #808080 s active_color_2", -". c #000000 s active_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" .... .... ", -" .... .... ", -" .... .... ", -" .... .... ", -" ", -" .... .... ", -" .... .... ", -" .... .... ", -" .... .... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_hilight_1", +"+ c #505050 s active_shadow_1", +"S c #C0C0C0 s active_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/stick-toggled-inactive.png b/xfwm4/stick-toggled-inactive.png deleted file mode 120000 index 3d3e576..0000000 --- a/xfwm4/stick-toggled-inactive.png +++ /dev/null @@ -1 +0,0 @@ -button-normal.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-inactive.xpm b/xfwm4/stick-toggled-inactive.xpm index d2493e2..62d8644 100644 --- a/xfwm4/stick-toggled-inactive.xpm +++ b/xfwm4/stick-toggled-inactive.xpm @@ -1,30 +1,37 @@ /* XPM */ -static char * stick_toggled_active_xpm[] = { -"24 25 2 1", -" c #808080 s inactive_color_2", -". c #000000 s inactive_text_color", -" ", -" ", -" ", -" ", -" ", -" ", -" .... .... ", -" .... .... ", -" .... .... ", -" .... .... ", -" ", -" .... .... ", -" .... .... ", -" .... .... ", -" .... .... ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" ", -" "}; +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"+ c #505050 s inactive_shadow_2", +"S c #C0C0C0 s inactive_text_color", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +"@@@@@@@@@@@@@@@@@@@@@@@@@", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/stick-toggled-prelight.png b/xfwm4/stick-toggled-prelight.png index f885b1a..c60956a 120000 --- a/xfwm4/stick-toggled-prelight.png +++ b/xfwm4/stick-toggled-prelight.png @@ -1 +1 @@ -button-normal-violet.png \ No newline at end of file +green-prelight.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-pressed.png b/xfwm4/stick-toggled-pressed.png index 0e3253d..9913640 120000 --- a/xfwm4/stick-toggled-pressed.png +++ b/xfwm4/stick-toggled-pressed.png @@ -1 +1 @@ -button-pressed-violet.png \ No newline at end of file +green.png \ No newline at end of file diff --git a/xfwm4/stick-toggled-pressed.xpm b/xfwm4/stick-toggled-pressed.xpm deleted file mode 120000 index da3485f..0000000 --- a/xfwm4/stick-toggled-pressed.xpm +++ /dev/null @@ -1 +0,0 @@ -stick-toggled-active.xpm \ No newline at end of file diff --git a/xfwm4/stick-toggled-pressed.xpm b/xfwm4/stick-toggled-pressed.xpm new file mode 100644 index 0000000..efd4ce1 --- /dev/null +++ b/xfwm4/stick-toggled-pressed.xpm @@ -0,0 +1,37 @@ +/* XPM */ +static char * button_active_xpm[] = { +"25 30 4 1", +" c #808080 s active_color_1", +"@ c #FFFFFF s active_shadow_1", +"+ c #505050 s active_hilight_1", +"S c #C0C0C0 s active_text_color", +"+++++++++++++++++++++++++", +"+++++++++++++++++++++++++", +" ", +" ", +" @@@@@@@@@@@@@@@@@@@@@@@ ", +" @@@@@@@@@@@@@@@@@@@@@@+ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ SSSSS SSSSS ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@ ++ ", +" @@+++++++++++++++++++++ ", +" @++++++++++++++++++++++ ", +" ", +" "}; diff --git a/xfwm4/themerc b/xfwm4/themerc index c94198b..0296584 100644 --- a/xfwm4/themerc +++ b/xfwm4/themerc @@ -1,17 +1,18 @@ +active_text_color=active_text_color_2 active_text_shadow_color=active_hilight_1 inactive_text_color=inactive_text_color_2 -inactive_text_shadow_color=inactive_hilight_1 -button_offset=3 -button_spacing=0 +inactive_text_shadow_color=inactive_hilight_2 +button_offset=0 +button_spacing=2 frame_border_top=2 full_width_title=true maximized_offset=0 show_app_icon=true -shadow_delta_height=5 -shadow_delta_width=5 +shadow_delta_height=0 +shadow_delta_width=0 shadow_delta_x=0 -shadow_delta_y=-5 -shadow_opacity=50 +shadow_delta_y=0 +shadow_opacity=0 title_horizontal_offset=1 title_shadow_active=false title_shadow_inactive=false diff --git a/xfwm4/title-1-active.xpm b/xfwm4/title-1-active.xpm index 401b33b..faef1a8 100644 --- a/xfwm4/title-1-active.xpm +++ b/xfwm4/title-1-active.xpm @@ -1,9 +1,9 @@ /* XPM */ static char * title_active_xpm[] = { -"6 29 3 1", +"6 30 3 1", " c None", -". c #C0C0FF s active_color_2", -"@ c #C0C0FF s active_color_2", +". c #B0B0B0 s active_color_1", +"@ c #FFFFFF s active_hilight_1", "@@@@@@@@", "@@@@@@@@", "........", @@ -32,4 +32,5 @@ static char * title_active_xpm[] = { "........", "........", "........", +"........", "........"}; diff --git a/xfwm4/title-1-active.xpm.original b/xfwm4/title-1-active.xpm.original new file mode 100644 index 0000000..9f0e8a0 --- /dev/null +++ b/xfwm4/title-1-active.xpm.original @@ -0,0 +1,48 @@ +/* XPM */ +static char * title_active_xpm[] = { +"6 43 2 1", +" c None", +". c #C0C0FF s active_mid_2", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........", +"........"}; diff --git a/xfwm4/title-1-inactive.xpm b/xfwm4/title-1-inactive.xpm index 2630d79..faf7af4 100644 --- a/xfwm4/title-1-inactive.xpm +++ b/xfwm4/title-1-inactive.xpm @@ -1,9 +1,11 @@ /* XPM */ -static char * title_inactive_xpm[] = { -"6 29 2 1", +static char * title_active_xpm[] = { +"6 30 3 1", " c None", -". c #C0C0FF s inactive_color_2", -"........", +". c #B0B0B0 s inactive_color_2", +"@ c #FFFFFF s inactive_hilight_2", +"@@@@@@@@", +"@@@@@@@@", "........", "........", "........", diff --git a/xfwm4/title-2-inactive.png b/xfwm4/title-2-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4/title-2-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/title-3-inactive.png b/xfwm4/title-3-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4/title-3-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/title-4-inactive.png b/xfwm4/title-4-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4/title-4-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/title-5-inactive.png b/xfwm4/title-5-inactive.png deleted file mode 120000 index 6cd8713..0000000 --- a/xfwm4/title-5-inactive.png +++ /dev/null @@ -1 +0,0 @@ -title-1-inactive.png \ No newline at end of file diff --git a/xfwm4/top-left-active.png b/xfwm4/top-left-active.png deleted file mode 100644 index 48e85bf..0000000 Binary files a/xfwm4/top-left-active.png and /dev/null differ diff --git a/xfwm4/top-left-active.xpm b/xfwm4/top-left-active.xpm index 1141bc6..54d7e12 100644 --- a/xfwm4/top-left-active.xpm +++ b/xfwm4/top-left-active.xpm @@ -1,16 +1,17 @@ /* XPM */ static char * top_left_active_xpm[] = { -"12 29 3 1", +"12 30 3 1", " c None", -". c #C0C0FF s active_color_2", -"@ c #C0C0FF s active_color_2", -" @@@@@", -" @@@@@@@", -" @@@@.....", -" @@@.......", -" @@........", -" @@.........", -" @@.........", +". c #C0C0FF s active_color_1", +"@ c #C0C0FF s active_hilight_1", +"@@@@@@@@@@@@", +"@@@@@@@@@@@@", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", "@@..........", "@@..........", "@@..........", diff --git a/xfwm4/top-left-inactive.xpm b/xfwm4/top-left-inactive.xpm index 6519672..62c9e62 100644 --- a/xfwm4/top-left-inactive.xpm +++ b/xfwm4/top-left-inactive.xpm @@ -1,34 +1,36 @@ /* XPM */ -static char * top_left_inactive_xpm[] = { -"12 29 2 1", +static char * top_left_active_xpm[] = { +"12 30 3 1", " c None", ". c #C0C0FF s inactive_color_2", -" .....", -" .......", -" .........", -" ..........", -" ..........", -" ...........", -" ...........", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............"}; +"@ c #C0C0FF s inactive_hilight_2", +"@@@@@@@@@@@@", +"@@@@@@@@@@@@", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@..........", +"@@.........."}; diff --git a/xfwm4/top-right-active.png b/xfwm4/top-right-active.png deleted file mode 100644 index 20081e1..0000000 Binary files a/xfwm4/top-right-active.png and /dev/null differ diff --git a/xfwm4/top-right-active.xpm b/xfwm4/top-right-active.xpm index 3aeba59..9a7f672 100644 --- a/xfwm4/top-right-active.xpm +++ b/xfwm4/top-right-active.xpm @@ -1,35 +1,36 @@ /* XPM */ static char * top_right_active_xpm[] = { -"12 29 3 1", -" c None", -". c #C0C0FF s active_color_2", -"@ c #C0C0FF s active_color_2", -"@@@@@ ", -"@@@@@@@ ", -".....@@@@ ", -".......@@@ ", -"........@@ ", -".........@@ ", -".........@@ ", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@", -"..........@@"}; +"12 30 3 1", +"@ c #FFFFFF s active_hilight_1", +". c #C0C0FF s active_color_1", +"+ c #606090 s active_shadow_1", +"@@@@@@@@@@@@", +"@@@@@@@@@@@+", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++"}; diff --git a/xfwm4/top-right-inactive.xpm b/xfwm4/top-right-inactive.xpm index a80bf9e..97954ba 100644 --- a/xfwm4/top-right-inactive.xpm +++ b/xfwm4/top-right-inactive.xpm @@ -1,34 +1,36 @@ /* XPM */ -static char * top_right_inactive_xpm[] = { -"12 29 2 1", -" c None", +static char * top_right_active_xpm[] = { +"12 30 3 1", +"@ c #FFFFFF s inactive_hilight_2", ". c #C0C0FF s inactive_color_2", -"..... ", -"....... ", -"......... ", -".......... ", -".......... ", -"........... ", -"........... ", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............", -"............"}; +"+ c #606090 s inactive_shadow_2", +"@@@@@@@@@@@@", +"@@@@@@@@@@@+", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++", +"..........++"}; diff --git a/xfwm4/violet-prelight.png b/xfwm4/violet-prelight.png new file mode 100644 index 0000000..b989385 Binary files /dev/null and b/xfwm4/violet-prelight.png differ diff --git a/xfwm4/violet.png b/xfwm4/violet.png new file mode 100644 index 0000000..482f364 Binary files /dev/null and b/xfwm4/violet.png differ diff --git a/xfwm4/yellow-prelight.png b/xfwm4/yellow-prelight.png new file mode 100644 index 0000000..3b494fe Binary files /dev/null and b/xfwm4/yellow-prelight.png differ diff --git a/xfwm4/yellow.png b/xfwm4/yellow.png new file mode 100644 index 0000000..739b7a8 Binary files /dev/null and b/xfwm4/yellow.png differ