diff --git a/Color schemes/KDE/Plume.colors b/Color schemes/KDE/Plume.colors new file mode 100644 index 0000000..9736acf --- /dev/null +++ b/Color schemes/KDE/Plume.colors @@ -0,0 +1,147 @@ +[ColorEffects:Disabled] +Color=56,56,56 +ColorAmount=0 +ColorEffect=0 +ContrastAmount=0.65 +ContrastEffect=1 +IntensityAmount=0.1 +IntensityEffect=2 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=112,111,110 +ColorAmount=0.025 +ColorEffect=2 +ContrastAmount=0.1 +ContrastEffect=2 +Enable=true +IntensityAmount=0 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=30,87,116 +BackgroundNormal=57,57,57 +DecorationFocus=173,127,168 +DecorationHover=117,80,123 +ForegroundActive=61,174,233 +ForegroundInactive=161,169,177 +ForegroundLink=117,80,123 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=252,252,252 +ForegroundPositive=39,174,96 +ForegroundVisited=92,53,85 + +[Colors:Complementary] +BackgroundAlternate=117,80,123 +BackgroundNormal=53,53,53 +DecorationFocus=61,174,233 +DecorationHover=61,174,233 +ForegroundActive=61,174,233 +ForegroundInactive=161,169,177 +ForegroundLink=29,153,243 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=252,252,252 +ForegroundPositive=39,174,96 +ForegroundVisited=155,89,182 + +[Colors:Header] +BackgroundAlternate=27,27,27 +BackgroundNormal=53,53,53 +DecorationFocus=61,174,233 +DecorationHover=61,174,233 +ForegroundActive=61,174,233 +ForegroundInactive=161,169,177 +ForegroundLink=29,153,243 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=252,252,252 +ForegroundPositive=39,174,96 +ForegroundVisited=155,89,182 + +[Colors:Header][Inactive] +BackgroundAlternate=49,54,59 +BackgroundNormal=42,46,50 +DecorationFocus=61,174,233 +DecorationHover=61,174,233 +ForegroundActive=61,174,233 +ForegroundInactive=161,169,177 +ForegroundLink=29,153,243 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=252,252,252 +ForegroundPositive=39,174,96 +ForegroundVisited=155,89,182 + +[Colors:Selection] +BackgroundAlternate=30,87,116 +BackgroundNormal=173,127,168 +DecorationFocus=173,127,168 +DecorationHover=117,80,123 +ForegroundActive=252,252,252 +ForegroundInactive=161,169,177 +ForegroundLink=117,80,123 +ForegroundNegative=176,55,69 +ForegroundNeutral=198,92,0 +ForegroundNormal=252,252,252 +ForegroundPositive=23,104,57 +ForegroundVisited=92,53,85 + +[Colors:Tooltip] +BackgroundAlternate=42,46,50 +BackgroundNormal=27,27,27 +DecorationFocus=173,127,168 +DecorationHover=117,80,123 +ForegroundActive=61,174,233 +ForegroundInactive=161,169,177 +ForegroundLink=117,80,123 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=252,252,252 +ForegroundPositive=39,174,96 +ForegroundVisited=92,53,85 + +[Colors:View] +BackgroundAlternate=27,27,27 +BackgroundNormal=53,53,53 +DecorationFocus=173,127,168 +DecorationHover=117,80,123 +ForegroundActive=61,174,233 +ForegroundInactive=161,169,177 +ForegroundLink=117,80,123 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=252,252,252 +ForegroundPositive=39,174,96 +ForegroundVisited=92,53,85 + +[Colors:Window] +BackgroundAlternate=53,53,53 +BackgroundNormal=35,35,35 +DecorationFocus=173,127,168 +DecorationHover=117,80,123 +ForegroundActive=61,174,233 +ForegroundInactive=161,169,177 +ForegroundLink=117,80,123 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=252,252,252 +ForegroundPositive=39,174,96 +ForegroundVisited=92,53,85 + +[General] +ColorScheme=BreezeDark +Name=Plume +shadeSortColumn=true + +[KDE] +contrast=4 + +[WM] +activeBackground=117,80,123 +activeBlend=252,252,252 +activeForeground=252,252,252 +inactiveBackground=92,53,85 +inactiveBlend=161,169,177 +inactiveForeground=161,169,177 diff --git a/qtcf_5_6/Plume Dark.conf b/Color schemes/Qt Configurator/Plume Dark.conf similarity index 100% rename from qtcf_5_6/Plume Dark.conf rename to Color schemes/Qt Configurator/Plume Dark.conf diff --git a/README.md b/README.md index b76d043..a21614e 100644 --- a/README.md +++ b/README.md @@ -13,9 +13,10 @@ Changes, what included: ## Known bugs -1. Some accents not recolored (because some backgrounds/borders colored with *rgb(xx, xx, xx, xx)*, this different search). -2. GTK+2 theme not matching to other (because original theme with different color scheme, then original Adwaita). -3. What i don't see. +1. Some accents not recolored (because some backgrounds/borders colored with *rgba(xx, xx, xx, xx)*, this different search); +2. Little bugs in GTK+4 theme with headerbar/titlebar; +3. In Cinnamon - very litle titlebar; +4. What i don't see. ## How to instal @@ -25,11 +26,14 @@ Color schemes for Qt5Ct/Qt6Ct install to: * Qt5: ~/.config/qt5ct/colors * Qt6: ~/.config/qt6ct/colors +Color schemes for KDE Plasma install to: +* ~/.local/share/color-schemes + ## Third-party code -* Original Adwaita themes from [libgtk](https://gitlab.gnome.org/GNOME/gtk/) (GTK+3, GTK+2) and [libadwaita](https://gitlab.gnome.org/GNOME/libadwaita) (GTK+4), what exported with widget factories of this toolkits. +* ~~Original Adwaita themes from [libgtk](https://gitlab.gnome.org/GNOME/gtk/) (GTK+3, GTK+2) and [libadwaita](https://gitlab.gnome.org/GNOME/libadwaita) (GTK+4), what exported with widget factories of this toolkits.~~ * Some code i picked from our works - [Clearlooks Phenix Plume](https://github.com/TerminalHash/clearlooks-phenix-plume) and based on this theme my forks. -* GTK+2 theme picked from [Adw-Mod](https://gitlab.com/hrdwrrsk/AdwMod-theme) by hrdwrrsk +* Fully rebased on [Adw-Mod](https://gitlab.com/hrdwrrsk/AdwMod-theme) by hrdwrrsk ## Screenshots diff --git a/gtk-2.0/assets/checkbox-checked-active.png b/gtk-2.0/assets/checkbox-checked-active.png index dbe6e8f..2a74751 100644 Binary files a/gtk-2.0/assets/checkbox-checked-active.png and b/gtk-2.0/assets/checkbox-checked-active.png differ diff --git a/gtk-2.0/assets/checkbox-checked-hover.png b/gtk-2.0/assets/checkbox-checked-hover.png index ad47297..15a1c95 100644 Binary files a/gtk-2.0/assets/checkbox-checked-hover.png and b/gtk-2.0/assets/checkbox-checked-hover.png differ diff --git a/gtk-2.0/assets/checkbox-checked.png b/gtk-2.0/assets/checkbox-checked.png index f690baf..dcf2059 100644 Binary files a/gtk-2.0/assets/checkbox-checked.png and b/gtk-2.0/assets/checkbox-checked.png differ diff --git a/gtk-2.0/assets/checkbox-mixed-active.png b/gtk-2.0/assets/checkbox-mixed-active.png index 7ced48b..63ce793 100644 Binary files a/gtk-2.0/assets/checkbox-mixed-active.png and b/gtk-2.0/assets/checkbox-mixed-active.png differ diff --git a/gtk-2.0/assets/checkbox-mixed-hover.png b/gtk-2.0/assets/checkbox-mixed-hover.png index d536d2f..9fbbaa0 100644 Binary files a/gtk-2.0/assets/checkbox-mixed-hover.png and b/gtk-2.0/assets/checkbox-mixed-hover.png differ diff --git a/gtk-2.0/assets/checkbox-mixed.png b/gtk-2.0/assets/checkbox-mixed.png index 7e993c2..2923f17 100644 Binary files a/gtk-2.0/assets/checkbox-mixed.png and b/gtk-2.0/assets/checkbox-mixed.png differ diff --git a/gtk-2.0/assets/combo-entry-ltr-entry-active.png b/gtk-2.0/assets/combo-entry-ltr-entry-active.png index 0710d65..b9c0499 100644 Binary files a/gtk-2.0/assets/combo-entry-ltr-entry-active.png and b/gtk-2.0/assets/combo-entry-ltr-entry-active.png differ diff --git a/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/gtk-2.0/assets/combo-entry-rtl-entry-active.png index c6c070f..dd4ebd4 100644 Binary files a/gtk-2.0/assets/combo-entry-rtl-entry-active.png and b/gtk-2.0/assets/combo-entry-rtl-entry-active.png differ diff --git a/gtk-2.0/assets/entry-active.png b/gtk-2.0/assets/entry-active.png index 5a59907..34d8848 100644 Binary files a/gtk-2.0/assets/entry-active.png and b/gtk-2.0/assets/entry-active.png differ diff --git a/gtk-2.0/assets/menubar-item-active.png b/gtk-2.0/assets/menubar-item-active.png index 89c75f3..91e8354 100644 Binary files a/gtk-2.0/assets/menubar-item-active.png and b/gtk-2.0/assets/menubar-item-active.png differ diff --git a/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png index d228158..ebb0f0b 100644 Binary files a/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png and b/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png differ diff --git a/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png b/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png index 04f7a1e..7fe9307 100644 Binary files a/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png and b/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png differ diff --git a/gtk-2.0/assets/notebook-entry-active.png b/gtk-2.0/assets/notebook-entry-active.png index b29fa82..c78d8c7 100644 Binary files a/gtk-2.0/assets/notebook-entry-active.png and b/gtk-2.0/assets/notebook-entry-active.png differ diff --git a/gtk-2.0/assets/progressbar-horz.png b/gtk-2.0/assets/progressbar-horz.png index d0b5e9d..c2bfac9 100644 Binary files a/gtk-2.0/assets/progressbar-horz.png and b/gtk-2.0/assets/progressbar-horz.png differ diff --git a/gtk-2.0/assets/progressbar-vert.png b/gtk-2.0/assets/progressbar-vert.png index 33f6637..6d1ecab 100644 Binary files a/gtk-2.0/assets/progressbar-vert.png and b/gtk-2.0/assets/progressbar-vert.png differ diff --git a/gtk-2.0/assets/radio-checked-active.png b/gtk-2.0/assets/radio-checked-active.png index eb9cf35..1b651a5 100644 Binary files a/gtk-2.0/assets/radio-checked-active.png and b/gtk-2.0/assets/radio-checked-active.png differ diff --git a/gtk-2.0/assets/radio-checked-hover.png b/gtk-2.0/assets/radio-checked-hover.png index 0f806b8..b3da529 100644 Binary files a/gtk-2.0/assets/radio-checked-hover.png and b/gtk-2.0/assets/radio-checked-hover.png differ diff --git a/gtk-2.0/assets/radio-checked.png b/gtk-2.0/assets/radio-checked.png index 09b653e..c9e1a29 100644 Binary files a/gtk-2.0/assets/radio-checked.png and b/gtk-2.0/assets/radio-checked.png differ diff --git a/gtk-2.0/assets/radio-mixed-active.png b/gtk-2.0/assets/radio-mixed-active.png index db714df..98c7c21 100644 Binary files a/gtk-2.0/assets/radio-mixed-active.png and b/gtk-2.0/assets/radio-mixed-active.png differ diff --git a/gtk-2.0/assets/radio-mixed-hover.png b/gtk-2.0/assets/radio-mixed-hover.png index 2ff3f58..fa4b259 100644 Binary files a/gtk-2.0/assets/radio-mixed-hover.png and b/gtk-2.0/assets/radio-mixed-hover.png differ diff --git a/gtk-2.0/assets/radio-mixed.png b/gtk-2.0/assets/radio-mixed.png index a82b641..bcdeba8 100644 Binary files a/gtk-2.0/assets/radio-mixed.png and b/gtk-2.0/assets/radio-mixed.png differ diff --git a/gtk-2.0/assets/scale-horz-trough-active.png b/gtk-2.0/assets/scale-horz-trough-active.png index fe24fb4..ecb1a9e 100644 Binary files a/gtk-2.0/assets/scale-horz-trough-active.png and b/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/gtk-2.0/assets/scale-slider-active.png b/gtk-2.0/assets/scale-slider-active.png index f3612c5..a80bab8 100644 Binary files a/gtk-2.0/assets/scale-slider-active.png and b/gtk-2.0/assets/scale-slider-active.png differ diff --git a/gtk-2.0/assets/scale-vert-trough-active.png b/gtk-2.0/assets/scale-vert-trough-active.png index 6e03792..22874f1 100644 Binary files a/gtk-2.0/assets/scale-vert-trough-active.png and b/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/gtk-2.0/assets/scrollbar-horz-slider-active.png b/gtk-2.0/assets/scrollbar-horz-slider-active.png index f16a923..14d1c07 100644 Binary files a/gtk-2.0/assets/scrollbar-horz-slider-active.png and b/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png index 2c7ca02..6814acb 100644 Binary files a/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png and b/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png differ diff --git a/gtk-2.0/assets/scrollbar-vert-slider-active.png b/gtk-2.0/assets/scrollbar-vert-slider-active.png index 223b562..2b10efd 100644 Binary files a/gtk-2.0/assets/scrollbar-vert-slider-active.png and b/gtk-2.0/assets/scrollbar-vert-slider-active.png differ diff --git a/gtk-3.0/assets/bullet-symbolic.svg b/gtk-3.0/assets/bullet-symbolic.svg index c029973..acf880a 100644 --- a/gtk-3.0/assets/bullet-symbolic.svg +++ b/gtk-3.0/assets/bullet-symbolic.svg @@ -17,7 +17,7 @@ height="14" id="svg7384" version="1.1" - inkscape:version="0.91 r13725" + inkscape:version="0.92.4 5da689c313, 2019-01-14" width="14"> @@ -37,8 +37,8 @@ bordercolor="#666666" borderopacity="1" inkscape:current-layer="layer9" - inkscape:cx="9.6493349" - inkscape:cy="5.5864571" + inkscape:cx="6.1684486" + inkscape:cy="5.9327595" gridtolerance="10" inkscape:guide-bbox="true" guidetolerance="10" @@ -47,10 +47,10 @@ inkscape:object-paths="false" objecttolerance="10" pagecolor="#3a3b39" - inkscape:pageopacity="1" + inkscape:pageopacity="0" inkscape:pageshadow="2" showborder="true" - showgrid="false" + showgrid="true" showguides="true" inkscape:snap-bbox="true" inkscape:snap-bbox-midpoints="false" @@ -59,12 +59,12 @@ inkscape:snap-nodes="false" inkscape:snap-others="false" inkscape:snap-to-guides="true" - inkscape:window-height="1016" + inkscape:window-height="1376" inkscape:window-maximized="1" - inkscape:window-width="1920" + inkscape:window-width="3440" inkscape:window-x="0" - inkscape:window-y="27" - inkscape:zoom="22.005438" + inkscape:window-y="639" + inkscape:zoom="62.240778" inkscape:showpageshadow="false"> @@ -101,10 +101,10 @@ transform="translate(-381.00015,-339)"> + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';text-indent:0pt;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.38899732;marker:none" /> @@ -37,8 +37,8 @@ bordercolor="#666666" borderopacity="1" inkscape:current-layer="layer9" - inkscape:cx="-15.966869" - inkscape:cy="8.8415069" + inkscape:cx="-33.869991" + inkscape:cy="-23.596341" gridtolerance="10" inkscape:guide-bbox="true" guidetolerance="10" @@ -47,10 +47,10 @@ inkscape:object-paths="false" objecttolerance="10" pagecolor="#3a3b39" - inkscape:pageopacity="1" + inkscape:pageopacity="0" inkscape:pageshadow="2" showborder="true" - showgrid="false" + showgrid="true" showguides="true" inkscape:snap-bbox="true" inkscape:snap-bbox-midpoints="false" @@ -59,12 +59,12 @@ inkscape:snap-nodes="false" inkscape:snap-others="false" inkscape:snap-to-guides="true" - inkscape:window-height="1016" + inkscape:window-height="1376" inkscape:window-maximized="1" - inkscape:window-width="1920" + inkscape:window-width="5120" inkscape:window-x="0" inkscape:window-y="27" - inkscape:zoom="15.238496" + inkscape:zoom="11.313708" inkscape:showpageshadow="false"> @@ -100,9 +100,9 @@ style="display:inline;opacity:1" transform="translate(-401.00015,-339)"> + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png deleted file mode 100644 index c2da941..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png deleted file mode 100644 index 65002ae..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png deleted file mode 100644 index 865a39a..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png deleted file mode 100644 index b08002a..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png deleted file mode 100644 index c62a1dc..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png deleted file mode 100644 index a2b6203..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png deleted file mode 100644 index bf0d58f..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png deleted file mode 100644 index 626626b..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index 82aff39..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above.png deleted file mode 100644 index 9fbba5e..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above.svg b/gtk-3.0/assets/slider-horz-scale-has-marks-above.svg new file mode 100644 index 0000000..9e82af7 --- /dev/null +++ b/gtk-3.0/assets/slider-horz-scale-has-marks-above.svg @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png deleted file mode 100644 index 5f5ad78..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png deleted file mode 100644 index 47cea4d..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png deleted file mode 100644 index 5878eba..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png deleted file mode 100644 index 63beffa..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png deleted file mode 100644 index 15b1ff6..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png deleted file mode 100644 index 0741fac..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png deleted file mode 100644 index 1753366..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png deleted file mode 100644 index bbf4107..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png deleted file mode 100644 index 6ba9d5f..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png deleted file mode 100644 index 531c7b7..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png deleted file mode 100644 index f594025..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png deleted file mode 100644 index 932c253..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png deleted file mode 100644 index 2d621cf..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png deleted file mode 100644 index cba8686..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.svg b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.svg new file mode 100644 index 0000000..25e0472 --- /dev/null +++ b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png deleted file mode 100644 index 8de27c7..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png deleted file mode 100644 index 52b386a..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png deleted file mode 100644 index 4839989..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png deleted file mode 100644 index 1855256..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png deleted file mode 100644 index fc53407..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png deleted file mode 100644 index aa46e6e..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png deleted file mode 100644 index 972a727..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png deleted file mode 100644 index cbadfce..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png deleted file mode 100644 index f3fa951..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below.png deleted file mode 100644 index 7cdbb64..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below.svg b/gtk-3.0/assets/slider-horz-scale-has-marks-below.svg new file mode 100644 index 0000000..f1ab808 --- /dev/null +++ b/gtk-3.0/assets/slider-horz-scale-has-marks-below.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png deleted file mode 100644 index 511cd97..0000000 Binary files a/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png deleted file mode 100644 index 21b7c83..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png deleted file mode 100644 index ec1e498..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png deleted file mode 100644 index 6c8c6b9..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png deleted file mode 100644 index a0c51ed..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png deleted file mode 100644 index 54c3139..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png deleted file mode 100644 index 2efca97..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png deleted file mode 100644 index 7b365d5..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png deleted file mode 100644 index 8e6d657..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png deleted file mode 100644 index abe5cad..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png deleted file mode 100644 index a456185..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png deleted file mode 100644 index 135af1c..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png deleted file mode 100644 index c263d57..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png deleted file mode 100644 index 56ff23a..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.svg b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.svg new file mode 100644 index 0000000..7836115 --- /dev/null +++ b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png deleted file mode 100644 index fd8bff1..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png deleted file mode 100644 index d15a131..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png deleted file mode 100644 index acffbd9..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png deleted file mode 100644 index ad3995e..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png deleted file mode 100644 index 2a64bf3..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png deleted file mode 100644 index d768e9f..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png deleted file mode 100644 index 64e4107..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png deleted file mode 100644 index 930bd88..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index dd1a057..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above.png deleted file mode 100644 index 0c53fc8..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above.svg b/gtk-3.0/assets/slider-vert-scale-has-marks-above.svg new file mode 100644 index 0000000..0059a91 --- /dev/null +++ b/gtk-3.0/assets/slider-vert-scale-has-marks-above.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png deleted file mode 100644 index 4c7a259..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png deleted file mode 100644 index 309dbaf..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png deleted file mode 100644 index 7d42c91..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png deleted file mode 100644 index b01f3b6..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png deleted file mode 100644 index f571822..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png deleted file mode 100644 index 83fdd44..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png deleted file mode 100644 index 743f0cb..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png deleted file mode 100644 index 474c30e..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png deleted file mode 100644 index 0eb6a32..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png deleted file mode 100644 index 2eed0d9..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png deleted file mode 100644 index ac76e22..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png deleted file mode 100644 index 2f518f9..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png deleted file mode 100644 index fd814e0..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png deleted file mode 100644 index 680059e..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.svg b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.svg new file mode 100644 index 0000000..8b15732 --- /dev/null +++ b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png deleted file mode 100644 index 9c457d7..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png deleted file mode 100644 index 2693fbf..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png deleted file mode 100644 index ce777f3..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png deleted file mode 100644 index 5891153..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png deleted file mode 100644 index dd4f024..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png deleted file mode 100644 index d6c030e..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png deleted file mode 100644 index 92c9459..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png deleted file mode 100644 index 2f19f8a..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png deleted file mode 100644 index 39914c3..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below.png deleted file mode 100644 index 377fd42..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below.png and /dev/null differ diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below.svg b/gtk-3.0/assets/slider-vert-scale-has-marks-below.svg new file mode 100644 index 0000000..a5f5916 --- /dev/null +++ b/gtk-3.0/assets/slider-vert-scale-has-marks-below.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png deleted file mode 100644 index 675c140..0000000 Binary files a/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-active-dark.png b/gtk-3.0/assets/text-select-end-active-dark.png deleted file mode 100644 index 1c90f37..0000000 Binary files a/gtk-3.0/assets/text-select-end-active-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-active-dark@2.png b/gtk-3.0/assets/text-select-end-active-dark@2.png deleted file mode 100644 index 47df6a3..0000000 Binary files a/gtk-3.0/assets/text-select-end-active-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-active.png b/gtk-3.0/assets/text-select-end-active.png deleted file mode 100644 index 3e15ccf..0000000 Binary files a/gtk-3.0/assets/text-select-end-active.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-active@2.png b/gtk-3.0/assets/text-select-end-active@2.png deleted file mode 100644 index d0f1905..0000000 Binary files a/gtk-3.0/assets/text-select-end-active@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-dark.png b/gtk-3.0/assets/text-select-end-dark.png deleted file mode 100644 index 94922a5..0000000 Binary files a/gtk-3.0/assets/text-select-end-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-dark.svg b/gtk-3.0/assets/text-select-end-dark.svg new file mode 100644 index 0000000..719ad73 --- /dev/null +++ b/gtk-3.0/assets/text-select-end-dark.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/text-select-end-dark@2.png b/gtk-3.0/assets/text-select-end-dark@2.png deleted file mode 100644 index 66e1309..0000000 Binary files a/gtk-3.0/assets/text-select-end-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-hover-dark.png b/gtk-3.0/assets/text-select-end-hover-dark.png deleted file mode 100644 index 2eab599..0000000 Binary files a/gtk-3.0/assets/text-select-end-hover-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-hover-dark@2.png b/gtk-3.0/assets/text-select-end-hover-dark@2.png deleted file mode 100644 index a7bb2cd..0000000 Binary files a/gtk-3.0/assets/text-select-end-hover-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-hover.png b/gtk-3.0/assets/text-select-end-hover.png deleted file mode 100644 index 9e49756..0000000 Binary files a/gtk-3.0/assets/text-select-end-hover.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end-hover@2.png b/gtk-3.0/assets/text-select-end-hover@2.png deleted file mode 100644 index 3a7861e..0000000 Binary files a/gtk-3.0/assets/text-select-end-hover@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end.png b/gtk-3.0/assets/text-select-end.png deleted file mode 100644 index 51dd2f0..0000000 Binary files a/gtk-3.0/assets/text-select-end.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-end.svg b/gtk-3.0/assets/text-select-end.svg new file mode 100644 index 0000000..51cf905 --- /dev/null +++ b/gtk-3.0/assets/text-select-end.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/text-select-end@2.png b/gtk-3.0/assets/text-select-end@2.png deleted file mode 100644 index 7a074f1..0000000 Binary files a/gtk-3.0/assets/text-select-end@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-insert-dark.svg b/gtk-3.0/assets/text-select-insert-dark.svg new file mode 100644 index 0000000..176ba97 --- /dev/null +++ b/gtk-3.0/assets/text-select-insert-dark.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/text-select-insert.svg b/gtk-3.0/assets/text-select-insert.svg new file mode 100644 index 0000000..e019a3c --- /dev/null +++ b/gtk-3.0/assets/text-select-insert.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/text-select-start-active-dark.png b/gtk-3.0/assets/text-select-start-active-dark.png deleted file mode 100644 index 2d26952..0000000 Binary files a/gtk-3.0/assets/text-select-start-active-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-active-dark@2.png b/gtk-3.0/assets/text-select-start-active-dark@2.png deleted file mode 100644 index 864521b..0000000 Binary files a/gtk-3.0/assets/text-select-start-active-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-active.png b/gtk-3.0/assets/text-select-start-active.png deleted file mode 100644 index 1af6e1f..0000000 Binary files a/gtk-3.0/assets/text-select-start-active.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-active@2.png b/gtk-3.0/assets/text-select-start-active@2.png deleted file mode 100644 index 72f7b14..0000000 Binary files a/gtk-3.0/assets/text-select-start-active@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-dark.png b/gtk-3.0/assets/text-select-start-dark.png deleted file mode 100644 index 7877320..0000000 Binary files a/gtk-3.0/assets/text-select-start-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-dark.svg b/gtk-3.0/assets/text-select-start-dark.svg new file mode 100644 index 0000000..96d1e3a --- /dev/null +++ b/gtk-3.0/assets/text-select-start-dark.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/text-select-start-dark@2.png b/gtk-3.0/assets/text-select-start-dark@2.png deleted file mode 100644 index 68be893..0000000 Binary files a/gtk-3.0/assets/text-select-start-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-hover-dark.png b/gtk-3.0/assets/text-select-start-hover-dark.png deleted file mode 100644 index c123fe0..0000000 Binary files a/gtk-3.0/assets/text-select-start-hover-dark.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-hover-dark@2.png b/gtk-3.0/assets/text-select-start-hover-dark@2.png deleted file mode 100644 index 67aca8d..0000000 Binary files a/gtk-3.0/assets/text-select-start-hover-dark@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-hover.png b/gtk-3.0/assets/text-select-start-hover.png deleted file mode 100644 index e767714..0000000 Binary files a/gtk-3.0/assets/text-select-start-hover.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start-hover@2.png b/gtk-3.0/assets/text-select-start-hover@2.png deleted file mode 100644 index 1ec8af6..0000000 Binary files a/gtk-3.0/assets/text-select-start-hover@2.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start.png b/gtk-3.0/assets/text-select-start.png deleted file mode 100644 index 947efbd..0000000 Binary files a/gtk-3.0/assets/text-select-start.png and /dev/null differ diff --git a/gtk-3.0/assets/text-select-start.svg b/gtk-3.0/assets/text-select-start.svg new file mode 100644 index 0000000..330d2a6 --- /dev/null +++ b/gtk-3.0/assets/text-select-start.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/text-select-start@2.png b/gtk-3.0/assets/text-select-start@2.png deleted file mode 100644 index 3acdfdb..0000000 Binary files a/gtk-3.0/assets/text-select-start@2.png and /dev/null differ diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 3739395..062d7c5 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -1,1976 +1,6776 @@ -/*************************** Check and Radio buttons * */ -* { 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: 3px; -gtk-secondary-caret-color: #A06EA8; } +@define-color blue_1 #99c1f1; +@define-color blue_2 #62a0ea; +@define-color blue_3 #3584e4; +@define-color blue_4 #A06EA8; +@define-color blue_5 #1a5fb4; +@define-color green_1 #8ff0a4; +@define-color green_2 #57e389; +@define-color green_3 #33d17a; +@define-color green_4 #2ec27e; +@define-color green_5 #26a269; +@define-color yellow_1 #f9f06b; +@define-color yellow_2 #f8e45c; +@define-color yellow_3 #f6d32d; +@define-color yellow_4 #f5c211; +@define-color yellow_5 #e5a50a; +@define-color orange_1 #ffbe6f; +@define-color orange_2 #ffa348; +@define-color orange_3 #ff7800; +@define-color orange_4 #e66100; +@define-color orange_5 #c64600; +@define-color red_1 #f66151; +@define-color red_2 #ed333b; +@define-color red_3 #e01b24; +@define-color red_4 #c01c28; +@define-color red_5 #a51d2d; +@define-color purple_1 #dc8add; +@define-color purple_2 #c061cb; +@define-color purple_3 #9141ac; +@define-color purple_4 #813d9c; +@define-color purple_5 #613583; +@define-color brown_1 #cdab8f; +@define-color brown_2 #b5835a; +@define-color brown_3 #986a44; +@define-color brown_4 #865e3c; +@define-color brown_5 #63452c; +@define-color light_1 #ffffff; +@define-color light_2 #f6f5f4; +@define-color light_3 #deddda; +@define-color light_4 #c0bfbc; +@define-color light_5 #9a9996; +@define-color dark_1 #77767b; +@define-color dark_2 #5e5c64; +@define-color dark_3 #3d3846; +@define-color dark_4 #241f31; +@define-color dark_5 #000000; +/*************************** + * Check and Radio buttons * + ***************************/ +* { + 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: 3px; + -gtk-secondary-caret-color: #A06EA8; +} + +/*************** + * Base States * + ***************/ +.background { + color: #eeeeec; + background-color: #353535; +} -/*************** Base States * */ -.background { color: #eeeeec; background-color: #353535; } - -.background:backdrop { color: #919190; background-color: #353535; text-shadow: none; -gtk-icon-shadow: none; } - -/* 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: #eeeeec; background-color: #353535; } - -.gtkstyle-fallback:hover { color: #eeeeec; background-color: #4e4e4e; } - -.gtkstyle-fallback:active { color: #eeeeec; background-color: #1b1b1b; } - -.gtkstyle-fallback:disabled { color: #919190; background-color: #323232; } - -.gtkstyle-fallback:selected { color: #ffffff; background-color: #A06EA8; } - -.view, iconview, .view text, iconview text, textview text { color: white; background-color: #2d2d2d; } - -.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d6d6d6; background-color: #303030; } - -.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #5b5b5b; } - -.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #919190; background-color: #323232; } - -.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: #313131; } - -.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #75507b; background-color: rgba(173, 127, 168, 0.2); } - -flowbox flowboxchild { padding: 3px; } - -flowbox flowboxchild:selected { outline-offset: -2px; } - -.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } - -.content-view .tile:backdrop { background-color: #232323; } - -.content-view .tile:active, .content-view .tile:selected { background-color: #A06EA8; } - -.content-view .tile:disabled { background-color: #323232; } - -label { caret-color: currentColor; } - -label selection { background-color: #A06EA8; color: #ffffff; } - -label:disabled { color: #919190; } - -button label:disabled { color: inherit; } - -label:disabled:backdrop { color: #5b5b5b; } - -button label:disabled:backdrop { color: inherit; } - -label.error { color: #cc0000; } - -label.error:disabled { color: rgba(204, 0, 0, 0.5); } - -label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); } - -.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } - -assistant .sidebar { background-color: #2d2d2d; border-top: 1px solid #1b1b1b; } - -assistant .sidebar:backdrop { background-color: #303030; border-color: #202020; } - -assistant.csd .sidebar { border-top-style: none; } - -assistant .sidebar label { padding: 6px 12px; } - -assistant .sidebar label.highlight { background-color: #5a5a59; } - -.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: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.9); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } - -/********************* Spinner Animation * */ -@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } - -spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - -spinner:backdrop { color: #919190; } - -spinner:checked { opacity: 1; animation: spin 1s linear infinite; } - -spinner:checked:disabled { opacity: 0.5; } - -/********************** General Typography * */ -.large-title { font-weight: 300; font-size: 24pt; } - -.title-1 { font-weight: 800; font-size: 20pt; } - -.title-2 { font-weight: 800; font-size: 15pt; } - -.title-3 { font-weight: 700; font-size: 15pt; } - -.title-4 { font-weight: 700; font-size: 13pt; } - -.heading { font-weight: 700; font-size: 11pt; } - -.body { font-weight: 400; font-size: 11pt; } - -.caption-heading { font-weight: 700; font-size: 9pt; } - -.caption { font-weight: 400; font-size: 9pt; } - -/**************** Text Entries * */ -spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } - -spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } - -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; background-color: transparent; border-color: transparent; border-radius: 0; } - -spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #A06EA8; border-color: #030c17; } - -spinbutton:disabled:not(.vertical), entry:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; box-shadow: none; } - -spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d6d6d6; border-color: #202020; background-color: #303030; box-shadow: none; transition: 200ms ease-out; } - -spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; box-shadow: none; } - -spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #1a0000; } - -spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #1a0000; } - -spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; } - -spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #432100; } - -spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #432100; } - -spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } - -spinbutton:not(.vertical) image, entry image { color: #c7c7c6; } - -spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } - -spinbutton:not(.vertical) image:active, entry image:active { color: #A06EA8; } - -spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #7e7e7d; } - -spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } - -.osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #A06EA8; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #A06EA8; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 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: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 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: #A06EA8; border-style: solid; box-shadow: none; } - -spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } - -.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: #030c17; } - -.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: #1a0000; } - -.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: #4e9a06; } - -.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: #282828; } - -.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: #2b2b2b; } - -.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: #282828; } - -.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: #030c17; } - -.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: #1a0000; } - -.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: #4e9a06; } - -.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: #030c17; } - -.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: #1a0000; } - -.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: #4e9a06; } - -spinbutton.error:not(.vertical), entry.error { color: #cc0000; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; } - -treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; } - -treeview entry.flat:focus, treeview entry:focus { border-color: #A06EA8; } - -.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #2d2d2d; background-color: #8e8e8d; } - -: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: #a7a7a7; } - -:backdrop .entry-tag { color: #303030; background-color: #606060; } - -.entry-tag.button { background-color: transparent; color: rgba(45, 45, 45, 0.7); } - -:not(:backdrop) .entry-tag.button:hover { border: 1px solid #8e8e8d; color: #2d2d2d; } - -:not(:backdrop) .entry-tag.button:active { background-color: #8e8e8d; color: rgba(45, 45, 45, 0.7); } - -/*********** Buttons * */ -@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ad7fa8), to(transparent)); } - to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#A06EA8), to(transparent)); } } - -button.titlebutton, notebook > header > tabs > arrow, button { min-height: 16px; min-width: 16px; padding: 2px 4px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, 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; transition: none; } - -button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - -button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-effect: highlight; } - -notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } - -notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - -notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow: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; } - -notebook > header > tabs > arrow:disabled, button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919190; border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } - -notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } - -notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } - -notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } - -combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } - -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: #ffffff; 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: #919190; } - -button.osd { min-width: 16px; min-height: 24px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - -button.osd.image-button { min-width: 34px; } - -button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - -button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - -button.osd:disabled:backdrop, button.osd:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } - -button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: 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: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.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 { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - -.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd 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; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } - -.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; } - -.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 { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - -button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; border-bottom-color: #5c3566; background-image: linear-gradient(to top, #8A5F91 2px, #A06EA8); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -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: #A06EA8; } - -button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; border-bottom-color: #5c3566; background: #ad7fa8; text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; background-image: image(#5c3566); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - -button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #d0ddec; border-color: #75507b; background-image: image(#A06EA8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #d0dae5; border-color: #75507b; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #6885aa; border-color: #75507b; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -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(21, 83, 158, 0.8); } - -button.suggested-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a1b2c7; border-color: #75507b; background-image: image(#143f73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#5c3566); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#A06EA8); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - -.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; border-bottom-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); text-shadow: 0 -1px rgba(0, 0, 0, 0.686275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.686275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -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: #b2161d; } - -button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; border-bottom-color: #570b0e; background-image: linear-gradient(to top, #ae151c, #b7161d 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.638275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.638275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; background-image: image(#8a1116); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - -button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #f0d0d2; border-color: #851015; background-image: image(#b2161d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #e8d0d2; border-color: #851015; background-image: image(#8c161c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #b5686b; border-color: #851015; background-image: image(#8c161c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -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(178, 22, 29, 0.8); } - -button.destructive-action:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #851015; background-image: image(#84151a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - -.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.stack-switcher > button { outline-offset: -3px; } - -.stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - -.stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - -.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - -.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - -.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; } - -button.font separator, button.file separator { background-color: transparent; } - -button.font > box > box > label { font-weight: bold; } - -.primary-toolbar button { -gtk-icon-shadow: none; } - -button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } - -button.circular label { padding: 0; } - -button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535), linear-gradient(to top, #070707 25%, #1b1b1b 50%); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } - -button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px), linear-gradient(to top, #070707 25%, #1b1b1b 50%); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } - -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(#ad7fa8), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.834353)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - -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; } - -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 2px; } - -.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - -.inline-toolbar toolbutton > button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #919190; border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.inline-toolbar toolbutton > button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.inline-toolbar toolbutton > button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.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: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: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: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 > 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; } +/* + 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: #eeeeec; + background-color: #353535; +} + +.gtkstyle-fallback:hover { + color: #eeeeec; + background-color: #4e4e4e; +} + +.gtkstyle-fallback:active { + color: #eeeeec; + background-color: #1b1b1b; +} + +.gtkstyle-fallback:disabled { + color: #919190; + background-color: #323232; +} + +.gtkstyle-fallback:selected { + color: #ffffff; + background-color: #A06EA8; +} + +.raven .raven-mpris, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd .scale-popup, .app-notification, +.app-notification.frame, +.osd { + color: #eeeeec; + border: none; + background-color: rgba(38, 38, 38, 0.9); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; +} + +/* Text selection */ +selection { + background-color: rgba(173, 127, 168, 0.3); + color: #d2e3f7; +} + +.nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .raven calendar:selected, .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, modelbutton.flat:selected, +.menuitem.button.flat:selected { + background-color: #A06EA8; +} + +.nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .raven calendar:selected, .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, modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry:disabled:selected, .raven calendar:disabled:selected, .view:disabled:selected, iconview:disabled:selected, +.view text:disabled:selected, +iconview text:disabled:selected, +textview text:disabled:selected, modelbutton.flat:disabled:selected, +.menuitem.button.flat:disabled:selected { + color: #8eb8ec; +} + +.monospace { + font-family: monospace; +} + +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon, .background.csd.budgie-run-dialog scrolledwindow list, .budgie-menu row.activatable image, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher image { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} -.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, modelbutton.flat, .menuitem.button.flat { 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; } +/* Dropshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5799e9), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#A06EA8), to(transparent)); + } +} + +#pulseaudio-button menu .linked button, .budgie-popover.night-light-indicator button:not(spinbutton), notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 2px 6px; + border: 1px solid; + background-clip: padding-box; + border-radius: 5px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #353535 2px, #3f3f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +.nemo-window grid.vertical > widget button, .caja-navigation-window box.horizontal > button.toggle.image-button, .mate-panel-menu-bar button, .lightdm-gtk-greeter #login_window button.combo, viewswitcher button, infobar .close, button.sidebar-button, notebook > header > tabs > arrow, #pulseaudio-button menu .linked button.flat, .budgie-popover.night-light-indicator button.flat:not(spinbutton), notebook > header > tabs > arrow.flat, +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; + transition: none; +} + +.nemo-window grid.vertical > widget button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .mate-panel-menu-bar button:hover, .lightdm-gtk-greeter #login_window button.combo:hover, viewswitcher button:hover, infobar .close:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, #pulseaudio-button menu .linked button.flat:hover, .budgie-popover.night-light-indicator button.flat:hover:not(spinbutton), +button.flat:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.07); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; +} + +.nemo-window grid.vertical > widget button:hover:active, .caja-navigation-window box.horizontal > button.toggle.image-button:hover:active, .mate-panel-menu-bar button:hover:active, .lightdm-gtk-greeter #login_window button.combo:hover:active, viewswitcher button:hover:active, infobar .close:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, #pulseaudio-button menu .linked button.flat:hover:active, +button.flat:hover:active { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.16); +} + +.nemo-window grid.vertical > widget button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .mate-panel-menu-bar button:checked, .lightdm-gtk-greeter #login_window button.combo:checked, viewswitcher button:checked, infobar .close:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, #pulseaudio-button menu .linked button.flat:checked, .budgie-popover.night-light-indicator button.flat:checked:not(spinbutton), +button.flat:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.1); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.nemo-window grid.vertical > widget button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .mate-panel-menu-bar button:checked:hover, .lightdm-gtk-greeter #login_window button.combo:checked:hover, viewswitcher button:checked:hover, infobar .close:checked:hover, button.sidebar-button:checked:hover, notebook > header > tabs > arrow:checked:hover, #pulseaudio-button menu .linked button.flat:checked:hover, +button.flat:checked:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.13); +} + +.nemo-window grid.vertical > widget button:checked:hover:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover:active, .mate-panel-menu-bar button:checked:hover:active, .lightdm-gtk-greeter #login_window button.combo:checked:hover:active, viewswitcher button:checked:hover:active, infobar .close:checked:hover:active, button.sidebar-button:checked:hover:active, notebook > header > tabs > arrow:checked:hover:active, #pulseaudio-button menu .linked button.flat:checked:hover:active, +button.flat:checked:hover:active { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.16); +} + +.nemo-window grid.vertical > widget button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .mate-panel-menu-bar button:disabled, .lightdm-gtk-greeter #login_window button.combo:disabled, viewswitcher button:disabled, infobar .close:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, #pulseaudio-button menu .linked button.flat:disabled, .budgie-popover.night-light-indicator button.flat:disabled:not(spinbutton), +button.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; +} + +#pulseaudio-button menu .linked button:hover, .budgie-popover.night-light-indicator button:hover:not(spinbutton), notebook > header > tabs > arrow:hover, +button:hover { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); + -gtk-icon-effect: highlight; +} + +#pulseaudio-button menu .linked button:active, .budgie-popover.night-light-indicator button:active:not(spinbutton), notebook > header > tabs > arrow:active, #pulseaudio-button menu .linked button:checked, .budgie-popover.night-light-indicator button:checked:not(spinbutton), notebook > header > tabs > arrow:checked, +button:active, +button:checked { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #141414; + border-top-color: #070707; + background-image: image(#202020); + box-shadow: none; + transition-duration: 50ms; +} + +.nemo-window grid.vertical > widget button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .mate-panel-menu-bar button:disabled, .lightdm-gtk-greeter #login_window button.combo:disabled, viewswitcher button:disabled, infobar .close:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, #pulseaudio-button menu .linked button.flat:disabled, .budgie-popover.night-light-indicator button.flat:disabled:not(spinbutton), +button.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; +} + +#pulseaudio-button menu .linked button:disabled, .budgie-popover.night-light-indicator button:disabled:not(spinbutton), notebook > header > tabs > arrow:disabled, +button:disabled { + color: #919190; + border-color: #1b1b1b; + background-image: image(#363636); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); + text-shadow: none; + -gtk-icon-shadow: none; +} + +#pulseaudio-button menu .linked button:disabled:active, .budgie-popover.night-light-indicator button:disabled:active:not(spinbutton), notebook > header > tabs > arrow:disabled:active, #pulseaudio-button menu .linked button:disabled:checked, .budgie-popover.night-light-indicator button:disabled:checked:not(spinbutton), notebook > header > tabs > arrow:disabled:checked, +button:disabled:active, +button:disabled:checked { + color: #9e9e9d; + border-color: #1b1b1b; + background-image: image(#272727); + box-shadow: none; +} + +#pulseaudio-button menu .linked button.image-button, .budgie-popover.night-light-indicator button.image-button:not(spinbutton), notebook > header > tabs > arrow.image-button, +button.image-button { + min-width: 24px; + padding-left: 2px; + padding-right: 2px; +} + +#pulseaudio-button menu .linked button.text-button, .budgie-popover.night-light-indicator button.text-button:not(spinbutton), notebook > header > tabs > arrow.text-button, +button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +#pulseaudio-button menu .linked button.text-button.image-button, .budgie-popover.night-light-indicator button.text-button.image-button:not(spinbutton), notebook > header > tabs > arrow.text-button.image-button, +button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; +} + +#pulseaudio-button menu .linked button.text-button.image-button label, .budgie-popover.night-light-indicator button.text-button.image-button:not(spinbutton) label, notebook > header > tabs > arrow.text-button.image-button label, +button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; +} + +combobox:drop(active) button.combo, #pulseaudio-button menu .linked button:drop(active), .budgie-popover.night-light-indicator button:drop(active):not(spinbutton), notebook > header > tabs > arrow:drop(active), +button:drop(active) { + color: #2ec27e; + border-color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; +} + + +button.osd { + min-width: 26px; + min-height: 32px; + color: #eeeeec; + border-radius: 5px; + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); + border: none; + box-shadow: none; +} + + +button.osd.image-button { + min-width: 34px; +} + + +button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); + border: none; + box-shadow: none; +} + + +button.osd:active, +button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.9)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); + border: none; + box-shadow: none; +} + + +button.osd:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, +.app-notification.frame button, .osd button { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.9)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); +} + +popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd 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; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; +} + +popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; +} + +popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.9)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); +} + + +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #092548; + border-bottom-color: #092548; + background-image: linear-gradient(to top, #1a68c6 2px, #A06EA8); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); +} + + +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: #A06EA8; +} + + +button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #092548; + border-bottom-color: #092548; + background-image: linear-gradient(to top, #1659ab 2px, #1863bd); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); +} + + +button.suggested-action:active, +button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #081e3a; + border-top-color: #051323; + background-image: image(#145099); + box-shadow: none; +} + + +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(28, 113, 216, 0.8); +} + + +button.suggested-action:disabled { + color: #919190; + border-color: #1b1b1b; + background-image: image(#363636); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); + text-shadow: none; + -gtk-icon-shadow: none; +} + + +button.suggested-action:disabled:active, +button.suggested-action:disabled:checked { + color: #a4bcda; + border-color: #092548; + background-image: image(#1b59a4); + box-shadow: none; +} + +.osd button.suggested-action { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(28, 113, 216, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(28, 113, 216, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd button.suggested-action:active, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(#A06EA8); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd button.suggested-action:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + + +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #32070a; + border-bottom-color: #32070a; + background-image: linear-gradient(to top, #ae1924 2px, #c01c28); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); +} + + +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: #c01c28; +} + + +button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #32070a; + border-bottom-color: #32070a; + background-image: linear-gradient(to top, #93161f 2px, #a51822); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); +} + + +button.destructive-action:active, +button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #240508; + border-top-color: #0e0203; + background-image: image(#82131b); + box-shadow: none; +} + + +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(192, 28, 40, 0.8); +} + + +button.destructive-action:disabled { + color: #919190; + border-color: #1b1b1b; + background-image: image(#363636); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); + text-shadow: none; + -gtk-icon-shadow: none; +} + + +button.destructive-action:disabled:active, +button.destructive-action:disabled:checked { + color: #d3a4a7; + border-color: #32070a; + background-image: image(#901a23); + box-shadow: none; +} + +.osd button.destructive-action { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(192, 28, 40, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(192, 28, 40, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd button.destructive-action:active, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(#c01c28); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd button.destructive-action:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.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; +} + + +button.font separator, +button.file separator { + background-color: transparent; +} + + +button.font > box > box > label { + font-weight: bold; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + + +button.circular { + border-radius: 9999px; + -gtk-outline-radius: 9999px; + padding: 2px 6px; + /* circles instead of ellipses */ + min-width: 0; + background-origin: padding-box, border-box; + background-clip: padding-box, border-box; +} + + +button.circular label { + padding: 0; +} + + +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled) { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #353535 2px, #3f3f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + + +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled) { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +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: radial-gradient(farthest-side, #5799e9 96%, rgba(87, 153, 233, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +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 2px; +} + +.inline-toolbar toolbutton > button { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #353535 2px, #3f3f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +.inline-toolbar toolbutton > button:hover { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #141414; + border-top-color: #070707; + background-image: image(#202020); + box-shadow: none; +} + +.inline-toolbar toolbutton > button:disabled { + color: #919190; + border-color: #1b1b1b; + background-image: image(#363636); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: #9e9e9d; + border-color: #1b1b1b; + background-image: image(#272727); + box-shadow: none; +} + +.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, #pulseaudio-button menu .linked button, .raven .raven-mpris button.image-button, .linked:not(.vertical) > spinbutton:not(.vertical), .budgie-popover.night-light-indicator .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: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, #pulseaudio-button menu .linked button:first-child, .raven .raven-mpris button.image-button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .budgie-popover.night-light-indicator .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: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, #pulseaudio-button menu .linked button:last-child, .raven .raven-mpris button.image-button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .budgie-popover.night-light-indicator .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:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, #pulseaudio-button menu .linked button:only-child, .raven .raven-mpris button.image-button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .budgie-popover.night-light-indicator .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 > box > button.combo, .raven box.mpris-widget, .linked.vertical > spinbutton:not(.vertical), .budgie-popover.night-light-indicator .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, .raven box.mpris-widget:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .budgie-popover.night-light-indicator .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, .raven box.mpris-widget:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .budgie-popover.night-light-indicator .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, .raven box.mpris-widget:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .budgie-popover.night-light-indicator .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; +} + +.budgie-popover button.flat, .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, calendar.button, list row button.image-button:not(.flat), modelbutton.flat, +.menuitem.button.flat { + 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; +} /* menu buttons */ -modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; } - -modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #424242; } - -modelbutton.flat arrow { background: none; } - -modelbutton.flat arrow:hover { background: none; } - -modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - -modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { padding: 4px; } - -button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 5px; + outline-offset: -2px; +} + +modelbutton.flat:hover, +.menuitem.button.flat:hover { + background-color: alpha(currentColor,0.07); +} + +modelbutton.flat arrow { + background: none; +} + +modelbutton.flat arrow:hover { + background: none; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button.color { + padding: 4px; +} + +button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; +} /* list buttons */ /* tone down as per new designs, see issue #1473, #1748 */ -list row button.image-button:not(.flat) { border: 1px solid rgba(27, 27, 27, 0.5); } - -list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - -/********* Links * */ -button:link > label, button:visited > label, button:link, button:visited, *:link { color: #ad7fa8; } - -button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #5c3566; } - -*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #CF98C9; } - -button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #BF8CBA; } - -*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #eff5fd; } - -button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #ad7fa8; } - -*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #BF8CBA; } - -button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(141, 141, 141, 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(53, 132, 228, 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: #BF8CBA; } - -button:link, button:visited { text-shadow: none; } - -button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } - -button:link > label, button:visited > label { text-decoration-line: underline; } - -/***************** GtkSpinButton * */ -spinbutton { font-feature-settings: "tnum"; } - -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 { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; } - -spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } - -spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } - -spinbutton:not(.vertical) button:disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; } - -spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - -spinbutton:not(.vertical) button:backdrop { color: #878786; background-color: transparent; border-color: rgba(32, 32, 32, 0.3); transition: 200ms ease-out; } - -spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(91, 91, 91, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; } - -spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } - -spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } - -spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } - -.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: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); 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: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 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: #eeeeec; border-color: rgba(0, 0, 0, 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: #8a8a89; border-color: rgba(0, 0, 0, 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(rtl):first-child { border-radius: 5px 0 0 5px; } - -spinbutton.vertical:disabled { color: #919190; } - -spinbutton.vertical:backdrop:disabled { color: #5b5b5b; } - -spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } - -spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } - -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.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } - -.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - -.osd spinbutton.vertical button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } - -treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } - -/************** ComboBoxes * */ -combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } - -combobox:drop(active) { box-shadow: none; } - -/************ Toolbars * */ -searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background: linear-gradient(to top, #262626, #313131); border-top: 1px solid #1b1b1b; } - -toolbar { padding: 4px 3px 3px 4px; } - -.osd toolbar { background-color: transparent; } - -toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.9); } - -toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } - -toolbar.horizontal separator { margin: 0 7px 1px 6px; } - -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: 1px; border-radius: 0 0 5px 5px; } - -searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; } - -searchbar > revealer > box { margin: -6px; padding: 6px; } - -.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #1b1b1b; background: linear-gradient(to top, #262626, #313131); } - -.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; } - -/*************** Header bars * */ -.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 18px; border-width: 0 0 1px; border-style: solid; border-color: #5c3566; border-radius: 8px 8px 0 0; background: linear-gradient(to top, #75507b, #8A5F91); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ } - -.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #75507b; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } - -.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; } - -.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#1e1e1e); border-color: #141414; border-top-color: #070707; } - -.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #030c17; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #A06EA8 linear-gradient(to top, #185cb0, #1961b9); box-shadow: inset 0 1px rgba(29, 88, 161, 0.535); } - -.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #A06EA8; background-image: none; box-shadow: inset 0 1px rgba(32, 91, 162, 0.442); } - -.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: #ffffff; } - -.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #A06EA8); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -.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 .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099, #1655a2 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -.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 { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; background-image: image(#5c3566); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - -.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 { color: #d0ddec; border-color: #75507b; background-image: image(#A06EA8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #030c17; } - -.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 { color: #d0dae5; border-color: #75507b; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } - -.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 { color: #6a8bb5; border-color: #75507b; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } - -.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 { color: #6885aa; border-color: #75507b; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } - -.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 .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #8ca6c6; border-color: #75507b; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.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: #a1b2c7; border-color: #75507b; background-image: image(#143f73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #030c17; } - -.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 { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #030c17; } - -.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 { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #030c17; } - -.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: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } - -.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 { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } - -.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 { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; } - -.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(21, 83, 158, 0); background-color: rgba(21, 83, 158, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 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(255, 255, 255, 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; } - -.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 18px; padding: 2px 4px; border-radius: 8px 8px 0 0; } - -.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; padding: 0; } - -.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } - -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } - -headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; } - -headerbar switch { margin-top: 10px; margin-bottom: 10px; } - -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.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: 7px; } - -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.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: #5c3566 } - -window.devel headerbar.titlebar:not(.selection-mode) { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 83, 158, 0.1)), linear-gradient(to top, #232323 3px, #282828); } - -window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#353535); /* background-color would flash */ } - -button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton { padding: 1px; border-color: #5c3566; background: linear-gradient(180deg, #A06EA8, #8A5F91); } - -titlebar button, headerbar button, .titlebar button.destructive-action, .titlebar .linked button, .titlebar button:first-child { border-color: #5c3566; background: linear-gradient(180deg, #A06EA8, #8A5F91); } - -titlebar button:hover, headerbar button:hover, .titlebar button.destructive-action:hover, .titlebar .linked button:hover, .titlebar button:hover:first-child { border-color: #5c3566; background: #A06EA8; } - -button.titlebutton:backdrop, .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar button:backdrop, .titlebar .linked button:backdrop, .titlebar button.suggested-action:backdrop, .titlebar button.destructive-action:backdrop { background: #75507b; border: 1px solid #5c3566; } - -/************ Pathbars * */ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } - -.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } - -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } - -.path-bar button image { padding-left: 4px; padding-right: 4px; } - -.path-bar button.slider-button { padding-left: 0; padding-right: 0; } - -/************** Tree Views * */ -treeview.view { border-left-color: #8e8e8d; border-top-color: #353535; } - -* { -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: #8aa9ce; border-top-color: rgba(238, 238, 236, 0.1); } - -treeview.view:disabled { color: #919190; } - -treeview.view:disabled:selected { color: #7398c5; } - -treeview.view:disabled:selected:backdrop { color: #4f7aaf; } - -treeview.view:disabled:backdrop { color: #5b5b5b; } - -treeview.view.separator { min-height: 2px; color: #353535; } - -treeview.view.separator:backdrop { color: rgba(53, 53, 53, 0.1); } - -treeview.view:backdrop { border-left-color: #636362; border-top: #353535; } - -treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #030c17; } - -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: silver; } - -treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -treeview.view.expander:hover { color: white; } - -treeview.view.expander:selected { color: #b9cbe2; } - -treeview.view.expander:selected:hover { color: #ffffff; } - -treeview.view.expander:selected:backdrop { color: #9cafc5; } - -treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -treeview.view.expander:backdrop { color: #747473; } - -treeview.view.progressbar { background-color: #A06EA8; background-image: image(#A06EA8); box-shadow: none; } - -treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#2d2d2d); } - -treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; } - -treeview.view.progressbar:backdrop { border-color: #303030; background-image: none; box-shadow: none; } - -treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } - -treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #75507b; } - -treeview.view header button { color: #8e8e8d; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; } - -treeview.view header button:hover { color: #bebebd; box-shadow: none; transition: none; } - -treeview.view header button:active { color: #eeeeec; 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: #2d2d2d; background-image: none; background-color: #A06EA8; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; } - -treeview.view acceleditor > label { background-color: #A06EA8; } - -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: #545453; border-radius: 0; text-shadow: none; } - -treeview.view header button:disabled { border-color: #353535; background-image: none; } - -treeview.view header button:backdrop { color: #636362; border-color: #353535; border-style: none solid solid none; background-image: none; background-color: #303030; } - -treeview.view header button:backdrop:disabled { border-color: #353535; background-image: none; } - -treeview.view header button:last-child { border-right-style: none; } - -/********* Menus * */ -menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); background: linear-gradient(to top, #262626, #313131); } - -menubar:backdrop, .menubar:backdrop { background-color: #353535; } - -menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; margin-top: 2px; margin-bottom: 2px; border: 1px solid #1b1b1b; } - -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:first-child, .menubar > menuitem:first-child { border-radius: 4px 0 0 4px; margin-left: 4px; } - -menubar > menuitem:last-child, .menubar > menuitem:last-child { border-radius: 0 4px 4px 0; } - -menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #A06EA8; color: #A06EA8; } - -menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #919190; 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: #2f2f2f; border: 1px solid #1b1b1b; } - -.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } - -menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #313131; } - -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: #ffffff; background-color: #A06EA8; } - -menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #919190; } - -menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #5b5b5b; } - -menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #919190; background-color: transparent; } - -menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } - -menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } - -menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } - -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: #2f2f2f; border-radius: 0; } - -menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #404040; border-top-right-radius: 5px; border-top-left-radius: 5px; -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 #404040; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #404040; } - -menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #313131; } - -menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } - -menuitem accelerator { color: alpha(currentColor,0.55); } - -menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } - -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: #353535; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - -.csd popover.background, popover.background { border: 1px solid #1b1b1b; border-radius: 9px; } - -.csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.75); } - -popover.background:backdrop { background-color: #353535; box-shadow: none; } - -popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } - -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } - -popover.background separator { margin: 3px; } - -popover.background list separator { margin: 0px; } - -/************* Notebooks * */ -notebook > header { padding: 1px; border-bottom: 1px; border-top: 1px; border-color: #1b1b1b; background: linear-gradient(to bottom, #262626, #313131); } - -notebook > header:backdrop { border-color: #202020; background-color: #2e2e2e; } - -notebook > header tabs { margin: -1px; } - -notebook > header.top { border-style: solid; } - -notebook > header.top > tabs { margin-bottom: -2px; } - -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1b1b1b; } - -notebook > header.top > tabs > tab:backdrop { box-shadow: none; } - -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #A06EA8; } - -notebook > header.bottom { border-top-style: solid; } - -notebook > header.bottom > tabs { margin-top: -2px; } - -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1b1b1b; } - -notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } - -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #A06EA8; } - -notebook > header.left { border-right-style: solid; } - -notebook > header.left > tabs { margin-right: -2px; } - -notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1b1b1b; } - -notebook > header.left > tabs > tab:backdrop { box-shadow: none; } - -notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #A06EA8; } - -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 #1b1b1b; } - -notebook > header.right > tabs > tab:backdrop { box-shadow: none; } - -notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #A06EA8; } - -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.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.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.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: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: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 tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #eeeeec; font-weight: normal; border: 1px solid #202020; background: linear-gradient(to top, #262626, #313131); margin-bottom: 1px; } - -notebook > header tab:hover { color: #eeeeec; background: #3D3D3D; } - -notebook > header tab:hover.reorderable-page { border-color: rgba(27, 27, 27, 0.3); background-color: rgba(53, 53, 53, 0.2); } - -notebook > header tab:backdrop { color: #6c6c6c; } - -notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } - -notebook > header tab:checked { color: #eeeeec; } - -notebook > header tab:checked.reorderable-page { border-color: rgba(27, 27, 27, 0.5); background-color: rgba(53, 53, 53, 0.5); } - -notebook > header tab:checked.reorderable-page:hover { background-color: rgba(53, 53, 53, 0.7); } - -notebook > header tab:backdrop:checked { color: #919190; } - -notebook > header tab:backdrop:checked.reorderable-page { border-color: #202020; background-color: #353535; } - -notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } - -notebook > header tab button.flat:hover { color: currentColor; } - -notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } - -notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } - -notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } - -notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } - -notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } - -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } - -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } - -notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 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: #2d2d2d; } - -notebook > stack:not(:only-child):backdrop { background-color: #303030; } - -/************** Scrollbars * */ -scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } - -scrollbar.top { border-bottom: 1px solid #1b1b1b; } - -scrollbar.bottom { border-top: 1px solid #1b1b1b; } - -scrollbar.left { border-right: 1px solid #1b1b1b; } - -scrollbar.right { border-left: 1px solid #1b1b1b; } - -scrollbar:backdrop { background-color: #2d2d2d; border-color: #202020; transition: 200ms ease-out; } - -scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -scrollbar slider:hover { background-color: #c9c9c7; } - -scrollbar slider:hover:active { background-color: #75507b; } - -scrollbar slider:backdrop { background-color: #5a5a59; } - -scrollbar slider:disabled { background-color: transparent; } - -scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; } - -scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } - -scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #eeeeec; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } - -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: #a4a4a3; } - -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: #c9c9c7; } - -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: #75507b; } - -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(164, 164, 163, 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: #5a5a59; } - -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(90, 90, 89, 0.2); } - -scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - -scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - -treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px; } - -/********** Switch * */ -switch { outline-offset: -4px; border: 1px solid #1b1b1b; border-radius: 14px; color: #eeeeec; background-color: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ } - -switch:checked { color: #ffffff; border-color: #030c17; background-color: #75507b; text-shadow: 0 1px rgba(3, 12, 23, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - -switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; } - -switch:backdrop { color: #919190; border-color: #202020; background-color: #2e2e2e; text-shadow: none; transition: 200ms ease-out; } - -switch:backdrop:checked { border-color: #030c17; background-color: #75507b; } - -switch:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; } - -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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #111111; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); background-image: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } - -switch image { color: transparent; } - -switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #111111; background-image: linear-gradient(to bottom, #444444 20%, #3a3a3a 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } - -switch:checked > slider { border: 1px solid #030c17; } - -switch:disabled slider { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -switch:backdrop slider { transition: 200ms ease-out; color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -switch:backdrop:checked > slider { border-color: #030c17; } - -switch:backdrop:disabled slider { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -/************************* 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: #75507b; 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: #75507b; 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: #75507b; 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: #737373; 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: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: #eeeeec; background-color: #75507b; 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: #eeeeec; background-color: #75507b; 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: #eeeeec; background-color: #75507b; 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(238, 238, 236, 0.8); background-color: #737373; 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; } - -checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - -checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } - -checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } - -check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } - -check:only-child, radio:only-child { margin: 0; } - -popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } - -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, #424242 20%, #353535 90%); border-color: #070707; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } - -check:hover, radio:hover { background-image: linear-gradient(to bottom, #4c4c4c 10%, #3f3f3f 90%); } - -check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; } - -check:disabled, radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } - -check:backdrop, radio:backdrop { background-image: image(#353535); box-shadow: none; color: #eeeeec; } - -check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } - -check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #ad7fa8 20%, #75507b 90%); border-color: #75507b; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - -check:checked:hover, radio:checked:hover { background: #A06EA8; } - -check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } - -check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - -check:checked:backdrop, radio:checked:backdrop { background-image: image(#75507b); box-shadow: none; color: #ffffff; } - -check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - -check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #ad7fa8 20%, #75507b 90%); border-color: #75507b; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - -check:indeterminate:hover, radio:indeterminate:hover { background: #A06EA8; } - -check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } - -check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - -check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#75507b); box-shadow: none; color: #ffffff; } - -check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - -check:backdrop, radio:backdrop { transition: 200ms ease-out; } - -.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - -.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - -.osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -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:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } - -check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } - -treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } - -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; } - -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: #ffffff; } - -/************ GtkScale * */ -progressbar trough, scale fill, scale trough { border: 1px solid #1b1b1b; border-radius: 3px; background-color: #282828; } - -progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #323232; } - -progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #2e2e2e; border-color: #202020; transition: 200ms ease-out; } - -progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #323232; } - -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: #030c17; } - -.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } - -.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(58, 58, 57, 0.5); } - -progressbar progress, scale highlight { border: 1px solid #030c17; border-radius: 3px; background-color: #A06EA8; } - -progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } - -progressbar progress:backdrop, scale highlight:backdrop { border-color: #030c17; } - -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: #030c17; } - -.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); } - -.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } - -scale { min-height: 10px; min-width: 10px; padding: 12px; } - -scale fill, scale highlight { margin: -1px; } - -scale slider { min-height: 18px; min-width: 18px; margin: -9px; } - -scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } - -scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } - -scale.fine-tune slider { margin: -6px; } - -scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } - -scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } - -scale fill:backdrop, scale fill { background-color: #1b1b1b; } - -scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } - -.osd scale fill { background-color: rgba(91, 91, 90, 0.775); } - -.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } - -scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); background-image: linear-gradient(to bottom, #2d2d2d 20%, #262626 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } - -scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; background-image: linear-gradient(to bottom, #353535 20%, #2b2b2b 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } - -scale slider:active { border-color: #030c17; } - -scale slider:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -scale slider:backdrop { transition: 200ms ease-out; color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -scale slider:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -row:selected scale slider:disabled, row:selected scale slider { border-color: #030c17; } - -.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #262626; } - -.osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #262626; } - -.osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #262626; } - -.osd scale slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #262626; } - -.osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #262626; } - -.osd scale slider:backdrop:disabled { background-color: #262626; } - -scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } - -scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; } - -scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } - -scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; } - -scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } - -scale.vertical marks.top { margin-right: 6px; margin-left: -12px; } - -scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } - -scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; } - -scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } - -scale.horizontal indicator { min-height: 6px; min-width: 1px; } - -scale.horizontal.fine-tune indicator { min-height: 3px; } - -scale.vertical indicator { min-height: 1px; min-width: 6px; } - -scale.vertical.fine-tune indicator { min-width: 3px; } - -scale.horizontal.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } - -scale.horizontal.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } - -scale.vertical.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } - -scale.vertical.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } - -scale.color { min-height: 0; min-width: 0; } - -scale.color trough { background-image: image(#1b1b1b); background-repeat: no-repeat; } - -scale.color.horizontal { padding: 0 0 15px 0; } - -scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } - -scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } - -scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } - -scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } - -scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } - -scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } - -scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } - -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; } - -scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } - -scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } - -scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } - -scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } - -scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } - -scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } - -scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } - -scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } - -scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } - -/***************** Progress bars * */ -progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } - -progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } - -progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } - -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 trough.empty progress { all: unset; } - -/************* Level Bar * */ -levelbar.horizontal block { min-height: 1px; } - -levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } - -levelbar.vertical block { min-width: 1px; } - -levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } - -levelbar:backdrop { transition: 200ms ease-out; } - -levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } - -levelbar trough:backdrop { color: #d6d6d6; border-color: #202020; background-color: #303030; box-shadow: none; } - -levelbar block { border: 1px solid; border-radius: 1px; } - -levelbar block.low { border-color: #f57900; background-color: #f57900; } - -levelbar block.low:backdrop { border-color: #f57900; } - -levelbar block.high, levelbar block:not(.empty) { border-color: #A06EA8; background-color: #A06EA8; } - -levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #A06EA8; } - -levelbar block.full { border-color: #26ab62; background-color: #26ab62; } - -levelbar block.full:backdrop { border-color: #26ab62; } - -levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } - -levelbar block.empty:backdrop { border-color: rgba(145, 145, 144, 0.15); } - -/**************** Print dialog * */ -printdialog paper { color: #eeeeec; border: 1px solid #1b1b1b; background: white; padding: 0; } - -printdialog paper:backdrop { color: #919190; border-color: #202020; } - -printdialog .dialog-action-box { margin: 12px; } - -/********** Frames * */ -frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #1b1b1b; } - -frame > border.flat, .frame.flat { border-style: none; } - -frame > border:backdrop, .frame:backdrop { border-color: #202020; } - -actionbar > revealer > box { padding: 6px; border-top: 1px solid #1b1b1b; } - -actionbar > revealer > box:backdrop { border-color: #202020; } - -scrolledwindow viewport.frame { border-style: none; } - -scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202020), to(rgba(32, 32, 32, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #1b1b1b 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #313131; } - -scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } - -scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #202020 1px, transparent 1px); background-color: #2d2d2d; transition: 200ms ease-out; } - -separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } - -/********* Lists * */ -list { color: white; background-color: #2d2d2d; border-color: #1b1b1b; } - -list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; } - -list row { padding: 2px; } - -row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -row:hover { transition: none; } - -row:backdrop { transition: 200ms ease-out; } - -row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } - -row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - -row.activatable:backdrop:hover { background-color: transparent; } - -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: #C28EBC; } - -row.activatable:selected:backdrop { background-color: #A06EA8; } - -/********************* App Notifications * */ -.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.9); 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 border, .app-notification.frame border { border: none; } - -/************* Expanders * */ -expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -expander title > arrow:hover { color: white; } - -expander title > arrow:disabled { color: #919190; } - -expander title > arrow:disabled:backdrop { color: #5b5b5b; } - -expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ Calendar * */ -calendar { color: white; border: 1px solid #1b1b1b; } - -calendar:selected { border-radius: 3px; } - -calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } - -calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } - -calendar.button { color: rgba(238, 238, 236, 0.45); } - -calendar.button:hover { color: #eeeeec; } - -calendar.button:backdrop { color: rgba(145, 145, 144, 0.45); } - -calendar.button:disabled { color: rgba(145, 145, 144, 0.45); } - -calendar.highlight { color: #919190; } - -calendar.highlight:backdrop { color: #5b5b5b; } - -calendar:backdrop { color: #d6d6d6; border-color: #202020; } - -calendar:indeterminate { color: alpha(currentColor,0.1); } - -/*********** Dialogs * */ -messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #353535; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } - -messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } - -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:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; } - -messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; } - -filechooser .dialog-action-box { border-top: 1px solid #1b1b1b; } - -filechooser .dialog-action-box:backdrop { border-top-color: #202020; } - -filechooser #pathbarbox { border-bottom: 1px solid #353535; } - -filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } - -/*********** Sidebar * */ -.sidebar { border-style: none; background-color: #313131; } - -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 #1b1b1b; 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 #1b1b1b; border-right-style: none; } - -.sidebar:backdrop { background-color: #323232; border-color: #202020; transition: 200ms ease-out; } - -.sidebar list { background-color: transparent; } - -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } - -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; } - -separator.sidebar { background-color: #1b1b1b; } - -separator.sidebar:backdrop { background-color: #202020; } - -separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #092444; } - -/**************** File chooser * */ -row image.sidebar-icon { opacity: 0.7; } - -placessidebar > viewport.frame { border-style: none; } - -placessidebar row { min-height: 36px; padding: 0px; } - -placessidebar row > revealer { padding: 0 14px; } - -placessidebar row:selected { color: #ffffff; } - -placessidebar row:disabled { color: #919190; } - -placessidebar row:backdrop { color: #919190; } - -placessidebar row:backdrop:selected { color: #d6d6d6; } - -placessidebar row:backdrop:disabled { color: #5b5b5b; } - -placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } - -placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } - -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:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } - -placessidebar row:selected:active { box-shadow: none; } - -placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; } - -placessidebar row.sidebar-new-bookmark-row { color: #A06EA8; } - -placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - -placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; } - -placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } - -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(#1b1b1b); background-size: 1px 1px; } - -paned > separator:selected { background-image: image(#A06EA8); } - -paned > separator:backdrop { background-image: image(#202020); } - -paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #353535; background-image: image(#1b1b1b), image(#1b1b1b); background-size: 1px 1px, 1px 1px; } - -paned > separator.wide:backdrop { background-color: #353535; background-image: image(#202020), image(#202020); } - -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; } - -/************** GtkInfoBar * */ -infobar { border-style: none; } - -infobar.action:hover > revealer > box { background-color: #3e3b37; border-bottom: 1px solid #282828; } - -infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; } - -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: #44403b; border-bottom: 1px solid #282828; } - -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: #eeeeec; } - -infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } - -infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -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 { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - -infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #919190; border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1b1b1b; } - -infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1b1b1b; } - -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: #eeeeec; } - -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #1b1b1b; } - -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #3584e4; } - -/************ Tooltips * */ -tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } - -tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } - -tooltip decoration { background-color: transparent; } - -tooltip * { padding: 4px; background-color: transparent; color: white; } - -/***************** Color Chooser * */ -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: #1b1b1b; } - -colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } - -colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } - -colorswatch.light overlay { color: black; } - -colorswatch.light overlay:hover { border-color: #1b1b1b; } - -colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } - -colorswatch:drop(active) { box-shadow: none; } - -colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #4e9a06; } - -colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #4e9a06; } - -colorswatch overlay { border: 1px solid #1b1b1b; } - -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: #1b1b1b; box-shadow: none; } - -colorswatch#add-color-button { border-radius: 5px 5px 0 0; } - -colorswatch#add-color-button:only-child { border-radius: 5px; } - -colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232, #373737 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } - -colorswatch#add-color-button overlay:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -colorswatch:disabled { opacity: 0.5; } - -colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } - -row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } - -colorswatch#editor-color-sample { border-radius: 4px; } - -colorswatch#editor-color-sample overlay { border-radius: 4.5px; } - -colorchooser .popover.osd { border-radius: 5px; } - -/******** Misc * */ -.content-view { background-color: #232323; } - -.content-view:hover { -gtk-icon-effect: highlight; } - -.content-view:backdrop { background-color: #232323; } - -.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } - -.scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } - -/********************** 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.75); margin: 10px; } - -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.75); transition: 200ms ease-out; } - -.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: 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.75), 0 0 0 20px transparent; } - -.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.75), 0 0 0 20px transparent; } - -.popup decoration { box-shadow: none; } - -.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - -.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - -.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - -tooltip.csd decoration { border-radius: 5px; box-shadow: none; } - -messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - -.solid-csd decoration { margin: 0; padding: 4px; background-color: #1b1b1b; border: solid 1px #1b1b1b; border-radius: 0; box-shadow: inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); } - -.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); } - -button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); } - -button.titlebutton:not(.appmenu) { border-radius: 4px; padding: 1px; margin: 0 1px; min-width: 0; min-height: 0; } - -button.titlebutton: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 { text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); } - -.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; } - -.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #A06EA8; } - -label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - -label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #8aa9ce; } - -label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d6d6d6; } - -label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #4f7aaf; } - -.monospace { font-family: monospace; } - -/********************** Touch Copy & Paste * */ -cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } - -cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); padding-left: 10px; } - -cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); padding-right: 10px; } - -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - -cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); padding-left: 10px; } - -cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); padding-right: 10px; } - -cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - -cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); padding-left: 10px; } - -cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); padding-right: 10px; } - -cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -.context-menu { font: initial; } - -.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #2d2d2d; border: 1px solid; border-color: #1b1b1b; border-radius: 5px; box-shadow: inset 0 -3px #222222; font-size: smaller; } - -.keycap:backdrop { background-color: #303030; color: #919190; transition: 200ms ease-out; } - -:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; } - -stackswitcher button.text-button { min-width: 100px; } - -stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } - -/************* App Icons * */ -/* Outline for low res icons */ -.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } - -/* Dropshadow for large icons */ -.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } - -/********* Emoji * */ -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: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-color: rgba(238, 238, 236, 0.1); } - -button.emoji-section:checked { border-color: #A06EA8; } - -button.emoji-section label { padding: 0; opacity: 0.55; } - -button.emoji-section:hover label { opacity: 0.775; } - -button.emoji-section:checked label { opacity: 1; } - -popover.emoji-picker .emoji { font-size: x-large; padding: 6px; } - -popover.emoji-picker .emoji :hover { background: #A06EA8; border-radius: 6px; } - -popover.emoji-completion arrow { border: none; background: none; } - -popover.emoji-completion contents row box { padding: 2px 10px; } - -popover.emoji-completion .emoji:hover { background: #424242; } - -button.titlebutton .minimize { -gtk-icon-source: -gtk-scaled(url("assets/minimize.svg")); } -button.titlebutton .maximize { -gtk-icon-source: -gtk-scaled(url("assets/maximize.svg")); } - -/* GTK NAMED COLORS ---------------- use responsibly! */ +list row button.image-button:not(.flat) { + border: 1px solid rgba(27, 27, 27, 0.5); +} + +list row button.image-button:not(.flat):hover { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #141414; + border-top-color: #070707; + background-image: image(#202020); + box-shadow: none; +} + +button.list-button:not(:active):not(:checked):not(:hover) { + background: none; + border: 1px solid rgba(27, 27, 27, 0.5); + box-shadow: none; +} + +/************ + * Calendar * + ***********/ +calendar { + color: white; + border: 1px solid #1b1b1b; +} + +calendar:selected { + border-radius: 3px; + background-color: #A06EA8; + color: #ffffff; +} + +calendar:selected:disabled { + color: #8eb8ec; +} + +calendar.header { + border-bottom-color: rgba(0, 0, 0, 0.1); +} + +calendar.button { + color: rgba(238, 238, 236, 0.45); +} + +calendar.button:hover { + color: #eeeeec; +} + +calendar.button:disabled { + color: rgba(145, 145, 144, 0.45); +} + +calendar.highlight { + color: #919190; +} + +calendar:indeterminate { + color: alpha(currentColor,0.1); +} + +/************************* + * 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: #A06EA8; + 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: #A06EA8; + 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: #A06EA8; + 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: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: #eeeeec; + background-color: #A06EA8; + 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: #eeeeec; + background-color: #A06EA8; + 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: #eeeeec; + background-color: #A06EA8; + 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; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + margin: 0 4px; + min-height: 14px; + min-width: 14px; + border: 1px solid; + -gtk-icon-source: none; +} + +check:only-child, +radio:only-child { + margin: 0; +} + +popover check.left:dir(rtl), popover radio.left:dir(rtl) { + margin-left: 0; + margin-right: 12px; +} + +popover check.right:dir(ltr), popover radio.right:dir(ltr) { + margin-left: 12px; + margin-right: 0; +} + +check, +radio { + background-clip: padding-box; + background-image: image(#424242); + border-color: #1b1b1b; + border-bottom-color: #0f0f0f; + box-shadow: 0 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.05); + color: #eeeeec; + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.15); +} + +check:hover, +radio:hover { + border-color: #1b1b1b; + border-bottom-color: #0f0f0f; + background-image: image(#4e4e4e); +} + +check:active, +radio:active { + border-color: #141414; + border-top-color: #070707; + background-image: image(#1e1e1e); + box-shadow: none; +} + +check:disabled, +radio:disabled { + box-shadow: none; + -gtk-icon-shadow: none; + color: #919190; + border-color: #1b1b1b; + background-image: image(#323232); +} + +check:checked, +radio:checked { + background-clip: padding-box; + background-image: image(#A06EA8); + border-color: #75507B; + border-bottom-color: #081e3a; + box-shadow: 0 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.15); + color: #ffffff; + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.15); +} + +check:checked:hover, +radio:checked:hover { + border-color: #081e3a; + border-bottom-color: #06172c; + background-image: image(#75507B); +} + +check:checked:active, +radio:checked:active { + border-color: #081e3a; + border-top-color: #06172c; + background-image: image(#145099); + box-shadow: none; +} + +check:checked:disabled, +radio:checked:disabled { + box-shadow: none; + -gtk-icon-shadow: none; + color: #919190; + border-color: #1b1b1b; + background-image: image(#323232); +} + +check:indeterminate, +radio:indeterminate { + background-clip: padding-box; + background-image: image(#A06EA8); + border-color: #75507B; + border-bottom-color: #081e3a; + box-shadow: 0 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.15); + color: #ffffff; + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.15); +} + +check:indeterminate:hover, +radio:indeterminate:hover { + border-color: #081e3a; + border-bottom-color: #06172c; + background-image: image(#75507B); +} + +check:indeterminate:active, +radio:indeterminate:active { + border-color: #081e3a; + border-top-color: #06172c; + background-image: image(#145099); + box-shadow: none; +} + +check:indeterminate:disabled, +radio:indeterminate:disabled { + box-shadow: none; + -gtk-icon-shadow: none; + color: #919190; + border-color: #1b1b1b; + background-image: image(#323232); +} + +.osd check, .osd radio { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd check:hover, .osd radio:hover { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd check:active, .osd radio:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.9)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd check:disabled, .osd radio:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +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; +} + +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 { + border-color: transparent; +} + +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 { + border-color: currentColor; +} + + +check { + border-radius: 3px; +} + + +check:checked { + -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg"))); +} + +treeview.view radio:selected:focus, treeview.view radio:selected, +radio { + border-radius: 100%; +} + +treeview.view radio:checked:selected, +radio:checked { + -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg"))); +} + +treeview.view radio:indeterminate:selected, +radio:indeterminate { + -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg"))); +} + +radio:not(:indeterminate):not(:checked):active { + -gtk-icon-transform: scale(0); +} + +check:not(:indeterminate):not(:checked):active { + -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, radio:indeterminate, +check:checked, +check:indeterminate { + -gtk-icon-transform: unset; + transition: 400ms; +} + +menu menuitem radio:checked, menu menuitem radio:indeterminate, +menu menuitem check:checked, +menu menuitem check:indeterminate { + transition: none; +} + +/***************** + * Color Chooser * + *****************/ +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: #1b1b1b; +} + +colorswatch.light { + outline-color: rgba(0, 0, 0, 0.6); +} + +colorswatch.light overlay { + color: black; +} + +colorswatch.light overlay:hover { + border-color: #1b1b1b; +} + +colorswatch:drop(active) { + box-shadow: none; +} + +colorswatch:drop(active).light overlay { + border-color: #2ec27e; + box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #2ec27e; +} + +colorswatch:drop(active).dark overlay { + border-color: #2ec27e; + box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #2ec27e; +} + +colorswatch overlay { + border: 1px solid #1b1b1b; +} + +colorswatch overlay:hover { + 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 5px 0 0; +} + +colorswatch#add-color-button:only-child { + border-radius: 5px; +} + +colorswatch#add-color-button overlay { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #353535 2px, #3f3f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +colorswatch#add-color-button overlay:hover { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 4px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 4.5px; +} + +colorchooser .popover.osd { + border-radius: 5px; +} + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +combobox:drop(active) { + box-shadow: none; +} + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), .budgie-popover.night-light-indicator spinbutton:not(.vertical), +entry { + min-height: 28px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 5px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: white; + border-color: #1b1b1b; + background-color: #2d2d2d; + box-shadow: inset 0 0 0 1px rgba(28, 113, 216, 0); +} + +spinbutton:not(.vertical) image.left, .budgie-popover.night-light-indicator spinbutton:not(.vertical) image.left, +entry image.left { + margin-right: 6px; +} + +spinbutton:not(.vertical) image.right, .budgie-popover.night-light-indicator spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; +} + +spinbutton.flat:not(.vertical), .budgie-popover.night-light-indicator spinbutton.flat:not(.vertical), +entry.flat:focus, +entry.flat:disabled, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; +} + +spinbutton:focus:not(.vertical), .budgie-popover.night-light-indicator spinbutton:focus:not(.vertical), +entry:focus { + box-shadow: inset 0 0 0 1px #A06EA8; + border-color: #A06EA8; +} + +spinbutton:disabled:not(.vertical), .budgie-popover.night-light-indicator spinbutton:disabled:not(.vertical), +entry:disabled { + color: #919190; + border-color: #1b1b1b; + background-color: #323232; + box-shadow: none; +} + +spinbutton.error:not(.vertical), .budgie-popover.night-light-indicator spinbutton.error:not(.vertical), +entry.error { + color: #db4d4d; + border-color: #cc0000; +} + +spinbutton.error:focus:not(.vertical), +entry.error:focus { + box-shadow: inset 0 0 0 1px #cc0000; + border-color: #cc0000; +} + +spinbutton.error:not(.vertical) selection, .budgie-popover.night-light-indicator spinbutton.error:not(.vertical) selection, +entry.error selection { + background-color: rgba(204, 0, 0, 0.2); +} + +spinbutton.warning:not(.vertical), .budgie-popover.night-light-indicator spinbutton.warning:not(.vertical), +entry.warning { + color: #edc054; + border-color: #e5a50a; +} + +spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + box-shadow: inset 0 0 0 1px #e5a50a; + border-color: #e5a50a; +} + +spinbutton.warning:not(.vertical) selection, .budgie-popover.night-light-indicator spinbutton.warning:not(.vertical) selection, +entry.warning selection { + background-color: rgba(229, 165, 10, 0.2); +} + +spinbutton:not(.vertical) image, .budgie-popover.night-light-indicator spinbutton:not(.vertical) image, +entry image { + color: #c7c7c6; +} + +spinbutton:not(.vertical) image:hover, .budgie-popover.night-light-indicator spinbutton:not(.vertical) image:hover, +entry image:hover { + color: #eeeeec; +} + +spinbutton:not(.vertical) image:active, .budgie-popover.night-light-indicator spinbutton:not(.vertical) image:active, +entry image:active { + color: #A06EA8; +} + +spinbutton:drop(active):not(.vertical), .budgie-popover.night-light-indicator spinbutton:drop(active):not(.vertical), +entry:drop(active):focus, +entry:drop(active) { + border-color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; +} + +.osd spinbutton:not(.vertical), .osd .budgie-popover.night-light-indicator spinbutton:not(.vertical), .budgie-popover.night-light-indicator .osd spinbutton:not(.vertical), .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; +} + +.osd spinbutton:focus:not(.vertical), .osd entry:focus { + color: white; + border-color: #A06EA8; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: inset 0 0 0 1px #A06EA8; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; +} + +.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(58, 58, 57, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +spinbutton:not(.vertical) progress, .budgie-popover.night-light-indicator 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: #A06EA8; + border-style: solid; + box-shadow: none; +} + +.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: #A06EA8; +} + +.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: #cc0000; +} + +.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: #2ec27e; +} + +.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: #282828; +} + +.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: #282828; +} + +.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: #A06EA8; +} + +.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: #cc0000; +} + +.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: #2ec27e; +} + +.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: #A06EA8; +} + +.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: #cc0000; +} + +.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: #2ec27e; +} + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #2d2d2d; + transition-property: color, background; +} + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2d2d2d; +} + +treeview entry.flat:focus, treeview entry:focus { + border-color: #A06EA8; +} + +.entry-tag { + padding: 5px; + margin-top: 2px; + margin-bottom: 2px; + border-style: none; + color: #2d2d2d; + background-color: #8e8e8d; +} + +: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: #a7a7a7; +} + +.entry-tag.button { + background-color: transparent; + color: rgba(45, 45, 45, 0.7); +} + +.entry-tag.button:hover { + border: 1px solid #8e8e8d; + color: #2d2d2d; +} + +.entry-tag.button:active { + background-color: #8e8e8d; + color: rgba(45, 45, 45, 0.7); +} + +/************* + * Expanders * + *************/ +expander title > arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander title > arrow:hover { + color: white; +} + +expander title > arrow:disabled { + color: #919190; +} + +expander title > arrow:disabled:backdrop { + color: #5b5b5b; +} + +expander title > arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + opacity: 0.7; +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview row.activatable:hover { + background-color: transparent; +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; +} + +filechooser .dialog-action-box { + border-top: 1px solid #1b1b1b; +} + +filechooser #pathbarbox { + border-bottom: 1px solid #353535; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*************** + * Header bars * + ***************/ +.raven .raven-header.top, +headerbar { + padding: 0 6px; + min-height: 40px; + border-width: 0 0 1px; + border-style: solid; + border-color: #070707; + border-radius: 0; + background: #1b1b1b linear-gradient(to top, #262626, #2b2b2b); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + /* Darken switchbuttons for headerbars. issue #1588 */ + /* hide the close button separator */ +} + +.raven .raven-header.top:backdrop, +headerbar:backdrop { + border-color: #1b1b1b; + background-image: linear-gradient(to top, #353535, #353535); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + transition: 200ms ease-out; +} + +.raven .raven-header.top:backdrop > *, +headerbar:backdrop > * { + opacity: 0.5; +} + +.raven .raven-header.top leaflet:backdrop, +headerbar leaflet:backdrop { + opacity: 1.0; +} + +.raven .raven-header.top .title, +headerbar .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; +} + +.raven .raven-header.top .subtitle, +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +.raven .raven-header.top stackswitcher button:active, +.raven .raven-header.top stackswitcher button:checked, +.raven .raven-header.top button:not(.flat).toggle:active, +.raven .raven-header.top button:not(.flat).toggle:checked, +headerbar stackswitcher button:active, +headerbar stackswitcher button:checked, +headerbar button:not(.flat).toggle:active, +headerbar button:not(.flat).toggle:checked { + background: image(#1e1e1e); + border-color: #141414; + border-top-color: #070707; +} + +.tiled .raven .raven-header.top, .raven .tiled .raven-header.top, .tiled-top .raven .raven-header.top, .raven .tiled-top .raven-header.top, .tiled-right .raven .raven-header.top, .raven .tiled-right .raven-header.top, .tiled-bottom .raven .raven-header.top, .raven .tiled-bottom .raven-header.top, .tiled-left .raven .raven-header.top, .raven .tiled-left .raven-header.top, .maximized .raven .raven-header.top, .raven .maximized .raven-header.top, .fullscreen .raven .raven-header.top, .raven .fullscreen .raven-header.top, .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; +} + +.raven .default-decoration.raven-header.top, +headerbar.default-decoration { + min-height: 24px; + padding: 4px; +} + +.raven .default-decoration.raven-header.top:backdrop, +headerbar.default-decoration:backdrop { + color: #919190; + opacity: 1.0; +} + +.raven .raven-header.top separator.titlebutton, +headerbar separator.titlebutton { + opacity: 0; +} + +.solid-csd .raven .raven-header.top:dir(rtl), .raven .solid-csd .raven-header.top:dir(rtl), .solid-csd .raven .raven-header.top:dir(ltr), .raven .solid-csd .raven-header.top:dir(ltr), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; +} + +headerbar entry, +headerbar spinbutton, +headerbar .budgie-popover.night-light-indicator spinbutton, +.budgie-popover.night-light-indicator headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar switch { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +headerbar button.color { + min-width: 22px; + min-height: 14px; +} + +.background .titlebar:backdrop, .background .titlebar { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.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: 7px; +} + +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.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; +} + +.titlebar:not(headerbar) separator { + background-color: #1b1b1b; +} + +window.devel headerbar.titlebar:not(.selection-mode) { + background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(28, 113, 216, 0.1)), linear-gradient(to top, #232323 3px, #282828); +} + +window.devel headerbar.titlebar:not(.selection-mode):backdrop { + background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#353535); + /* background-color would flash */ +} + +label { + caret-color: currentColor; +} + +label:disabled { + opacity: 0.5; +} + +label.error { + color: #cc0000; +} + +.dim-label, .raven .raven-header.top .subtitle, +headerbar .subtitle, label.separator { + opacity: 0.55; + text-shadow: none; +} + +/********************** + * General Typography * + **********************/ +.large-title { + font-weight: 300; + font-size: 200%; +} + +.title-1 { + font-weight: 800; + font-size: 166.6667%; +} + +.title-2 { + font-weight: 800; + font-size: 125%; +} + +.title-3, .lightdm-gtk-greeter #login_window button.combo { + font-weight: 700; + font-size: 125%; +} + +.title-4 { + font-weight: 700; + font-size: 108.3333%; +} + +.heading { + font-weight: 700; + font-size: 100%; +} + +.body { + font-weight: 400; + font-size: 100%; +} + +.caption-heading { + font-weight: 700; + font-size: 75%; +} + +.caption { + font-weight: 400; + font-size: 75%; +} + +/************* + * Level Bar * + *************/ +levelbar:disabled { + opacity: 0.5; +} + +levelbar.horizontal block { + min-height: 4px; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; + min-width: 32px; +} + +levelbar.vertical block { + min-width: 4px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; + min-height: 32px; +} + +levelbar block { + border-radius: 6px; +} + +levelbar block.low { + background-color: #e5a50a; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #A06EA8; +} + +levelbar block.full { + background-color: #2ec27e; +} + +levelbar block.empty { + background-color: alpha(currentColor,0.15); +} + +/********* + * Links * + *********/ +button:link > label, +button:visited > label, button:link, +button:visited, +*:link { + color: #AD7FA8; +} + +button:link > label:visited, +button:visited > label:visited, +button:visited, +*:link:visited { + color: #75507B; +} + +button:link > label:hover, +button:visited > label:hover, button:hover:link, +button:hover:visited, +*:link:hover { + color: #A06EA8; +} + +button:link > label:active, +button:visited > label:active, button:active:link, +button:active:visited, +*:link:active { + color: #AD7FA8; +} + +button:link > label:disabled, +button:visited > label:disabled, button:disabled:link, +button:disabled:visited, +*:link:disabled, +*:link:disabled:backdrop { + color: rgba(173, 173, 173, 0.8); +} + +button:link, +button:visited { + text-shadow: none; +} + +button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked { + text-shadow: none; +} + +button:link > label, +button:visited > label { + text-decoration-line: underline; +} + +/********* + * Lists * + *********/ +list { + color: white; + background-color: #2d2d2d; + border-color: #1b1b1b; +} + +list row { + padding: 2px; +} + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:hover { + transition: none; +} + +row.activatable.has-open-popup, row.activatable:hover { + background-color: alpha(currentColor,0.07); +} + +row.activatable:active { + background-color: alpha(currentColor,0.16); +} + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: alpha(currentColor,0.13); +} + +row.activatable:selected:active { + background-color: alpha(currentColor,0.16); +} + +row:selected { + background-color: alpha(currentColor,0.1); +} + +row:disabled { + color: alpha(currentColor,0.55); +} + +popover.background.combo { + padding: 0px; +} + +popover.background.combo list { + border-style: none; + background-color: transparent; +} + +popover.background.combo list > row { + padding: 0px 12px 0px 12px; + min-height: 50px; +} + +popover.background.combo list > row:not(:last-child) { + border-bottom: 1px solid rgba(27, 27, 27, 0.5); +} + +popover.background.combo list > row:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +popover.background.combo list > row:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; + border-bottom: none; +} + +popover.background.combo overshoot.top { + border-radius: 8px; + -gtk-outline-radius: 7px; +} + +popover.background.combo overshoot.bottom { + border-radius: 8px; + -gtk-outline-radius: 7px; +} + +popover.background.combo scrollbar.vertical { + padding-top: 2px; + padding-bottom: 2px; +} + +popover.background.combo scrollbar.vertical:dir(ltr) { + border-top-right-radius: 9px; + -gtk-outline-top-right-radius: 8px; + border-bottom-right-radius: 9px; + -gtk-outline-bottom-right-radius: 8px; +} + +popover.background.combo scrollbar.vertical:dir(rtl) { + border-top-left-radius: 9px; + -gtk-outline-top-left-radius: 8px; + border-bottom-left-radius: 9px; + -gtk-outline-bottom-left-radius: 8px; +} + +row.expander { + padding: 0px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +list.content { + border-color: rgba(27, 27, 27, 0.7); +} + +list.content, +list.content list { + background-color: transparent; +} + +list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { + background-color: #2d2d2d; +} + +list.content list.nested > row:not(:active):hover.activatable:not(:selected) { + background-color: #2f2f2f; +} + +list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { + background-color: #2d2d2d; +} + +list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { + background-color: #2f2f2f; +} + +list.content > row, +list.content > row list > row { + border-color: rgba(27, 27, 27, 0.7); + border-style: solid; + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +list.content > row:not(:last-child) { + border-width: 1px 1px 0px 1px; +} + +list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { + border-top-left-radius: 8px; + -gtk-outline-top-left-radius: 7px; + border-top-right-radius: 8px; + -gtk-outline-top-right-radius: 7px; +} + +list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { + border-width: 1px; +} + +list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { + border-bottom-left-radius: 8px; + -gtk-outline-bottom-left-radius: 7px; + border-bottom-right-radius: 8px; + -gtk-outline-bottom-right-radius: 7px; +} + +list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { + margin-top: 6px; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); +} + +menubar > menuitem, +.menubar > menuitem { + min-height: 16px; + padding: 4px 8px; + border-radius: 5px; +} + +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), +.menubar > menuitem menu:dir(rtl), +.menubar > menuitem menu:dir(ltr) { + border-radius: 0; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + background-color: alpha(currentColor,0.1); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: #919190; + box-shadow: none; +} + +menubar .csd.popup decoration, menubar .csd.popup menu, +.menubar .csd.popup decoration, +.menubar .csd.popup menu { + border-radius: 5px; +} + +.background.popup { + background-color: transparent; +} + +menu, +.menu, +.context-menu { + margin: 4px; + padding: 4px 0px; + background-color: #2d2d2d; + border: 1px solid #1b1b1b; +} + +.csd menu, .csd .menu, .csd .context-menu { + border: none; + border-radius: 5px; +} + +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: white; + background-color: alpha(currentColor,0.07); +} + +menu menuitem:disabled, +.menu menuitem:disabled, +.context-menu menuitem:disabled { + color: #919190; +} + +menu menuitem arrow, +.menu menuitem arrow, +.context-menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr), +.context-menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; +} + +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl), +.context-menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; +} + +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: #2d2d2d; + border-radius: 0; +} + +menu > arrow.top, +.menu > arrow.top, +.context-menu > arrow.top { + margin-top: -4px; + border-bottom: 1px solid #404040; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + -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 #404040; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover, +.menu > arrow:hover, +.context-menu > arrow:hover { + background-color: #404040; +} + +menu > arrow:disabled, +.menu > arrow:disabled, +.context-menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), +menuitem radio:dir(ltr) { + margin-right: 7px; +} + +menuitem check:dir(rtl), +menuitem radio:dir(rtl) { + margin-left: 7px; +} + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: #353535; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); +} + +messagedialog.csd.background { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +messagedialog.csd .dialog-action-area button { + padding: 6px 8px; + border-right-style: none; + border-bottom-style: none; + border-radius: 0; + -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:last-child { + border-bottom-right-radius: 7px; + -gtk-outline-bottom-right-radius: 7px; +} + +dialog:not(messagedialog) buttonbox, dialog:not(messagedialog) .dialog-action-area { + margin: 6px; +} + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #1b1b1b; +} + +frame > border.flat, +.frame.flat { + border-style: none; +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #1b1b1b; +} + +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; +} + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(38, 38, 38, 0.9); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; +} + +.app-notification border, +.app-notification.frame border { + border: none; +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #232323; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; +} + +.scale-popup button:hover { + background-color: rgba(238, 238, 236, 0.1); + border-radius: 5px; +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + color: #eeeeec; + border: 1px solid #1b1b1b; + background: white; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/**************** + * GtkAssistant * + ****************/ +assistant .sidebar { + background-color: #2d2d2d; + border-top: 1px solid #1b1b1b; +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #5a5a59; +} + +keypad .digit { + font-size: 200%; + font-weight: bold; +} + +keypad .letters { + font-size: 70%; +} + +keypad .symbol { + font-size: 160%; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + color: rgba(238, 238, 236, 0.5); +} + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #1b1b1b; + border-width: 1px; + background-color: #282828; +} + +notebook > header tabs { + margin: -1px; +} + +notebook > header.top { + border-bottom-style: solid; +} + +notebook > header.top > tabs { + margin-bottom: -2px; +} + +notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -4px alpha(currentColor,0.2); +} + +notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -4px #A06EA8; +} + +notebook > header.bottom { + border-top-style: solid; +} + +notebook > header.bottom > tabs { + margin-top: -2px; +} + +notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 4px alpha(currentColor,0.2); +} + +notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 4px #A06EA8; +} + +notebook > header.left { + border-right-style: solid; +} + +notebook > header.left > tabs { + margin-right: -2px; +} + +notebook > header.left > tabs > tab:hover { + box-shadow: inset -4px 0 alpha(currentColor,0.2); +} + +notebook > header.left > tabs > tab:checked { + box-shadow: inset -4px 0 #A06EA8; +} + +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 alpha(currentColor,0.2); +} + +notebook > header.right > tabs > tab:checked { + box-shadow: inset 4px 0 #A06EA8; +} + +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.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.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.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:hover:not(:active) { + 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: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 tab { + min-height: 28px; + min-width: 28px; + padding: 1px 10px; + outline-offset: -5px; + color: #eeeeec; + font-weight: normal; + border-width: 1px; + border-color: transparent; +} + +notebook > header tab:hover { + color: #eeeeec; + background-color: alpha(currentColor,0.07); +} + +notebook > header tab:hover.reorderable-page { + border-color: rgba(27, 27, 27, 0.3); + background-color: rgba(53, 53, 53, 0.2); +} + +notebook > header tab:checked { + color: #eeeeec; +} + +notebook > header tab:checked.reorderable-page { + border-color: rgba(27, 27, 27, 0.5); + background-color: rgba(53, 53, 53, 0.5); +} + +notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(53, 53, 53, 0.7); +} + +notebook > header tab button.flat { + color: alpha(currentColor,0.3); + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 18px; + min-height: 18px; +} + +notebook > header tab button.flat:hover { + color: currentColor; +} + +notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; +} + +notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; +} + +notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; +} + +notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 4px; + margin-right: 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: #2d2d2d; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#1b1b1b); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: image(#A06EA8); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #353535; + background-image: image(#1b1b1b), image(#1b1b1b); + background-size: 1px 1px, 1px 1px; +} + +paned > separator.wide:backdrop { + background-color: #353535; + background-image: image(#202020), image(#202020); +} + +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; +} + +/*************** + * Popovers * + ***************/ +popover.background { + padding: 2px; + background-color: #2d2d2d; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.csd popover.background, popover.background { + border: 1px solid #1b1b1b; + border-radius: 9px; +} + +.csd popover.background { + background-clip: padding-box; + border-color: rgba(0, 0, 0, 0.75); +} + +popover.background > list, +popover.background > .view, +popover.background > iconview, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); +} + +popover.background separator { + margin: 3px; +} + +popover.background list separator { + margin: 0px; +} + +/********* + * Emoji * + ********/ +popover.emoji-picker { + padding-left: 0; + padding-right: 0; +} + +popover.emoji-picker entry.search { + margin: 3px 5px 5px 5px; +} + +popover.emoji-picker scrolledwindow { + border-top-width: 1px; + border-bottom-width: 1px; + border-style: solid; + border-color: #1b1b1b; +} + +button.emoji-section { + border-radius: 16px; + margin: 3px; + padding: 0; + min-width: 28px; + min-height: 28px; + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; + outline: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +button.emoji-section:hover { + background: alpha(currentColor,0.07); +} + +button.emoji-section:checked { + background: alpha(currentColor,0.1); +} + +button.emoji-section:checked:hover { + background: alpha(currentColor,0.13); +} + +button.emoji-section:hover:active { + background: alpha(currentColor,0.16); +} + +button.emoji-section label { + padding: 0; + opacity: 0.55; +} + +button.emoji-section:hover label { + opacity: 0.775; +} + +button.emoji-section:checked label { + opacity: 1; +} + +popover.emoji-picker .emoji { + font-size: x-large; + padding: 6px; +} + +popover.emoji-picker .emoji :hover { + background: alpha(currentColor,0.1); + border-radius: 6px; +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion contents row box { + padding: 2px 10px; +} + +popover.emoji-completion .emoji:hover { + background: alpha(currentColor,0.1); +} + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(238, 238, 236, 0.4); + font-feature-settings: "tnum"; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 4px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 4px; +} + +progressbar:disabled { + opacity: 0.5; +} + +progressbar trough { + border-radius: 3px; + background-color: alpha(currentColor, .38); +} + +.osd progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +progressbar progress { + border-radius: 1.5px; +} + +progressbar progress.left { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +progressbar progress.right { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +progressbar progress.top { + border-top-right-radius: 5px; + border-top-left-radius: 5px; +} + +progressbar 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 progress { + border-style: none; + border-radius: 0; +} + +progressbar trough.empty progress { + all: unset; +} + +/************ + * GtkScale * + ************/ +scale fill, scale trough { + border-radius: 3px; + background-color: alpha(currentColor,0.15); +} + +.osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { + background-color: rgba(255, 255, 255, 0.15); +} + +scale highlight, progressbar progress { + border-radius: 3px; + background-color: #A06EA8; +} + +scale { + min-height: 10px; + min-width: 10px; + padding: 12px; +} + +scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; +} + +scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; +} + +scale.fine-tune slider { + margin: -6px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 5px; +} + +.osd scale fill { + background-color: rgba(91, 91, 90, 0.775); +} + +.osd scale fill:disabled { + border-color: transparent; + background-color: transparent; +} + +scale:hover trough { + background-color: alpha(currentColor,0.2); +} + +scale:hover highlight { + background-color: #75507B; +} + +scale:hover slider { + background-color: white; +} + +scale:disabled { + opacity: 0.5; +} + +scale:disabled slider { + box-shadow: 0 2px 4px transparent, 0 0 0 1px rgba(0, 0, 0, 0.2); +} + +scale slider { + background-color: #d5d5d5; + box-shadow: 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; + min-width: 20px; + min-height: 20px; + margin: -8px; +} + +scale marks, +scale value { + color: alpha(currentColor,0.55); + font-feature-settings: "tnum"; +} + +scale.horizontal marks.top { + margin-bottom: 6px; + margin-top: -12px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; +} + +scale.horizontal marks.bottom { + margin-top: 6px; + margin-bottom: -12px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; +} + +scale.vertical marks.top { + margin-right: 6px; + margin-left: -12px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; +} + +scale.vertical marks.bottom { + margin-left: 6px; + margin-right: -12px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; +} + +scale.horizontal indicator { + min-height: 6px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 3px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 6px; +} + +scale.vertical.fine-tune indicator { + min-width: 3px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: url("assets/slider-horz-scale-has-marks-above-dark.svg"); + min-height: 26px; + min-width: 22px; + margin-top: -12px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-image: url("assets/slider-horz-scale-has-marks-above.svg"); +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: url("assets/slider-horz-scale-has-marks-below-dark.svg"); + min-height: 26px; + min-width: 22px; + margin-bottom: -12px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-image: url("assets/slider-horz-scale-has-marks-below.svg"); +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: url("assets/slider-vert-scale-has-marks-above-dark.svg"); + min-height: 22px; + min-width: 26px; + margin-left: -12px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-image: url("assets/slider-vert-scale-has-marks-above.svg"); +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: url("assets/slider-vert-scale-has-marks-below-dark.svg"); + min-height: 22px; + min-width: 26px; + margin-right: -12px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-image: url("assets/slider-vert-scale-has-marks-below.svg"); +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color trough { + background-image: image(#1b1b1b); + background-repeat: no-repeat; +} + +scale.color.horizontal { + padding: 0 0 15px 0; +} + +scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; +} + +scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; +} + +scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; +} + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; +} + +scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { + padding-bottom: 7px; + background-position: 0 -6px; +} + +scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { + margin-bottom: -15px; + margin-top: 6px; +} + +scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; +} + +scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; +} + +scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; +} + +scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #313131; + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid #1b1b1b; +} + +scrollbar.bottom { + border-top: 1px solid #1b1b1b; +} + +scrollbar.left { + border-right: 1px solid #1b1b1b; +} + +scrollbar.right { + border-left: 1px solid #1b1b1b; +} + +scrollbar slider { + min-width: 8px; + min-height: 8px; + margin: -1px; + border: 4px solid transparent; + border-radius: 10px; + background-clip: padding-box; + background-color: #a4a4a3; + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +scrollbar slider:hover { + background-color: #c9c9c7; +} + +scrollbar slider:hover:active { + background-color: #418ce6; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + transition: none; + min-width: 6px; + min-height: 6px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #eeeeec; + border: 1px solid black; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #eeeeec; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; +} + +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: #a4a4a3; +} + +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: #c9c9c7; +} + +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: #418ce6; +} + +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(164, 164, 163, 0.2); +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid #1b1b1b; + margin-top: -1px; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#020202), to(rgba(2, 2, 2, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #1b1b1b 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #313131; +} + +scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; +} + +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #eeeeec; + background-color: #2d2d2d; + border: 1px solid; + border-color: #1b1b1b; + border-radius: 5px; + box-shadow: inset 0 -3px #222222; + font-size: smaller; +} + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { + border-color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; + caret-color: #2ec27e; +} + +stackswitcher button.text-button { + min-width: 6.25em; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #313131; +} + +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 #1b1b1b; + 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 #1b1b1b; + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +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:hover { + background-color: alpha(currentColor,0.07); +} + +stacksidebar row:selected.activatable, stacksidebar row:selected { + background-color: alpha(currentColor,0.1); + color: inherit; +} + +stacksidebar row:selected.activatable:hover, stacksidebar row:selected:hover { + background-color: alpha(currentColor,0.13); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 30px; + padding: 0px; +} + +placessidebar row > revealer { + padding: 0 14px; +} + +placessidebar row:hover { + background-color: alpha(currentColor,0.07); +} + +placessidebar row:selected.activatable, placessidebar row:selected { + background-color: alpha(currentColor,0.1); + color: inherit; +} + +placessidebar row:selected.activatable:hover, placessidebar row:selected:hover { + background-color: alpha(currentColor,0.13); +} + +placessidebar row:disabled { + color: #919190; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +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: 22px; + min-width: 22px; + margin-top: 1px; + margin-bottom: 1px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.7; +} + +placessidebar row:selected:active { + box-shadow: none; +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#2ec27e); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #A06EA8; +} + +placessidebar row:drop(active):not(:disabled) { + color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; +} + +separator.sidebar { + background-color: #1b1b1b; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: #10427e; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton, .budgie-popover.night-light-indicator spinbutton { + font-feature-settings: "tnum"; +} + +spinbutton:not(.vertical), .budgie-popover.night-light-indicator spinbutton:not(.vertical) { + padding: 0; +} + +.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry, .budgie-popover.night-light-indicator 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) button, .budgie-popover.night-light-indicator spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #dbdbd9; + background-image: none; + border-style: none none none solid; + border-color: rgba(27, 27, 27, 0.3); + border-radius: 0; + box-shadow: none; +} + +spinbutton:not(.vertical) button:dir(rtl), .budgie-popover.night-light-indicator spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; +} + +spinbutton:not(.vertical) button:hover, .budgie-popover.night-light-indicator spinbutton:not(.vertical) button:hover { + color: #eeeeec; + background-color: rgba(238, 238, 236, 0.05); +} + +spinbutton:not(.vertical) button:disabled, .budgie-popover.night-light-indicator spinbutton:not(.vertical) button:disabled { + color: rgba(145, 145, 144, 0.3); + background-color: transparent; +} + +spinbutton:not(.vertical) button:active, .budgie-popover.night-light-indicator spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); +} + +spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 5px 5px 0; +} + +spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 5px 0 0 5px; +} + +.osd spinbutton:not(.vertical) button, .osd .budgie-popover.night-light-indicator spinbutton:not(.vertical) button, .budgie-popover.night-light-indicator .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: #eeeeec; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + 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: #eeeeec; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(238, 238, 236, 0.1); + -gtk-icon-shadow: 0 1px black; + 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: #8a8a89; + border-color: rgba(0, 0, 0, 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(rtl):first-child { + border-radius: 5px 0 0 5px; +} + +spinbutton.vertical:disabled, .budgie-popover.night-light-indicator spinbutton.vertical:disabled { + color: #919190; +} + +spinbutton.vertical:drop(active), .budgie-popover.night-light-indicator spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; +} + +spinbutton.vertical entry, .budgie-popover.night-light-indicator spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; +} + +spinbutton.vertical button, .budgie-popover.night-light-indicator spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; +} + +spinbutton.vertical button.up, .budgie-popover.night-light-indicator spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; + border-style: solid solid none solid; +} + +spinbutton.vertical button.down, .budgie-popover.night-light-indicator spinbutton.vertical button.down { + border-radius: 0 0 5px 5px; + border-style: none solid solid solid; +} + +.osd spinbutton.vertical button:first-child { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.9)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); +} + +.osd spinbutton.vertical button:first-child:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +treeview spinbutton:not(.vertical), treeview .budgie-popover.night-light-indicator spinbutton:not(.vertical), .budgie-popover.night-light-indicator treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) entry, treeview .budgie-popover.night-light-indicator spinbutton:not(.vertical) entry, .budgie-popover.night-light-indicator treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; +} + +/********** + * Switch * + **********/ +switch { + border-radius: 14px; + padding: 2px; + color: #eeeeec; + background-color: alpha(currentColor,0.15); + /* only show i / o for the accessible theme */ +} + +switch:hover { + background-color: alpha(currentColor,0.2); +} + +switch:hover:active { + background-color: alpha(currentColor,0.25); +} + +switch:checked { + color: #ffffff; + background-color: #A06EA8; +} + +switch:checked:hover { + background-color: #75507B; +} + +switch:checked:hover:active { + background-color: #165aad; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + min-width: 20px; + min-height: 20px; + border-radius: 99px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-outline-radius: 20px; + background-color: #d5d5d5; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); +} + +switch image { + color: transparent; +} + +switch:hover slider { + background-color: white; +} + +switch:checked > slider { + background-color: white; +} + +switch:disabled slider { + box-shadow: none; +} + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: url("assets/text-select-start-dark.svg"); + padding-left: 10px; +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: url("assets/text-select-end-dark.svg"); + padding-right: 10px; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: url("assets/text-select-insert-dark.svg"); +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: url("assets/text-select-start-dark.svg"); + padding-left: 10px; +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: url("assets/text-select-end-dark.svg"); + padding-right: 10px; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: url("assets/text-select-insert-dark.svg"); +} + +.context-menu { + font: initial; +} + +/************* + * HdyTabBar * + *************/ +tabbar .box { + min-height: 32px; + background: #1e1e1e; + border-bottom: 1px solid #070707; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid #070707; +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox:dir(ltr) { + padding-right: 1px; + box-shadow: inset -1px 0 #070707; +} + +tabbar scrolledwindow.pinned tabbox:dir(rtl) { + padding-left: 1px; + box-shadow: inset 1px 0 #070707; +} + +tabbar undershoot { + transition: none; +} + +tabbar undershoot.left { + background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, rgba(28, 113, 216, 0.7), rgba(28, 113, 216, 0.5) 1px, rgba(28, 113, 216, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, rgba(28, 113, 216, 0.7), rgba(28, 113, 216, 0.5) 1px, rgba(28, 113, 216, 0) 20px); +} + +tabbar tab { + border-style: solid; + border-color: #070707; + border-width: 0 1px 0 1px; + transition: background 150ms ease-in-out; + background-color: #262626; +} + +tabbar tab:checked { + background-color: #353535; +} + +tabbar tab:checked:hover { + background-color: #3c3c3c; +} + +tabbar tab:hover { + background-color: #2d2d2d; +} + +tabbar .start-action, +tabbar .end-action { + background: #262626; + border-color: #070707; + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(ltr) > *, +tabbar .end-action:dir(rtl) > * { + margin-right: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar .start-action:dir(rtl) > *, +tabbar .end-action:dir(ltr) > * { + margin-left: 1px; +} + +.tab-drag-icon tab { + min-height: 24px; + background-color: #3c3c3c; + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 1px rgba(238, 238, 236, 0.07); + margin: 23px; +} + +tabbar tab, +.tab-drag-icon tab { + padding: 4px; +} + +tabbar tab.needs-attention, +.tab-drag-icon tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(28, 113, 216, 0.2) 15%, rgba(28, 113, 216, 0) 15%); +} + +tabbar tab .tab-close-button, +tabbar tab .tab-indicator, +.tab-drag-icon tab .tab-close-button, +.tab-drag-icon tab .tab-indicator { + padding: 0; + margin: 0; + min-width: 22px; + min-height: 22px; + border-radius: 99px; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; + text-shadow: none; + background: none; +} + +tabbar tab .tab-close-button:hover, +tabbar tab .tab-indicator.clickable:hover, +.tab-drag-icon tab .tab-close-button:hover, +.tab-drag-icon tab .tab-indicator.clickable:hover { + background-color: alpha(currentColor,0.07); +} + +tabbar tab .tab-close-button:active, +tabbar tab .tab-indicator.clickable:active, +.tab-drag-icon tab .tab-close-button:active, +.tab-drag-icon tab .tab-indicator.clickable:active { + background-color: alpha(currentColor,0.16); +} + +/************ + * Toolbars * + ************/ +searchbar > revealer > box, +.location-bar, .inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: #353535; +} + +toolbar { + padding: 2px 1px 1px 2px; +} + +.osd toolbar { + background-color: transparent; +} + +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(38, 38, 38, 0.9); +} + +toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +toolbar.horizontal separator { + margin: 0 5px 1px 4px; +} + +toolbar.vertical separator { + margin: 4px 1px 5px 0; +} + +toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { + margin-right: 1px; + margin-bottom: 1px; +} + +.inline-toolbar { + padding: 1px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; +} + +searchbar > revealer > box, +.location-bar { + border-width: 0 0 1px; + padding: 3px; +} + +searchbar > revealer > box { + margin: -6px; + padding: 6px; +} + +.inline-toolbar, searchbar > revealer > box, +.location-bar { + border-style: solid; + border-color: #1b1b1b; + background-color: #2d2d2d; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; +} + +infobar > revealer > box { + box-shadow: inset 0 -1px alpha(currentColor,0.1); +} + +infobar.action:hover > revealer > box { + background-image: image(alpha(currentColor,0.05)); +} + +infobar.action:hover:active > revealer > box { + background-image: image(alpha(currentColor,0.1)); +} + +infobar.info > revealer > box { + background-color: mix(#A06EA8,#2d2d2d,0.7); +} + +infobar.question > revealer > box { + background-color: mix(#A06EA8,#2d2d2d,0.7); +} + +infobar.warning > revealer > box { + background-color: mix(#e5a50a,#2d2d2d,0.7); +} + +infobar.error > revealer > box { + background-color: mix(#cc0000,#2d2d2d,0.7); +} + +infobar .close { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; +} + +tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + padding: 4px; + background-color: transparent; + color: white; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #8e8e8d; + border-top-color: #353535; +} + +* { + -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:hover { + color: white; + background-color: alpha(currentColor,0.07); +} + +treeview.view:selected:focus, treeview.view:selected { + border-radius: 0; + color: white; + background-color: alpha(currentColor,0.1); +} + +treeview.view:selected:disabled { + color: alpha(white,0.55); +} + +treeview.view.separator { + min-height: 2px; + color: #353535; +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #2ec27e; +} + +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: rgba(255, 255, 255, 0.7); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar { + box-shadow: none; +} + +treeview.view.progressbar, treeview.view.progressbar:selected { + background-color: #A06EA8; + color: #ffffff; +} + +treeview.view.trough, treeview.view.trough:selected { + background-color: rgba(238, 238, 236, 0.1); +} + +treeview.view header button { + color: #8e8e8d; + background-color: #2d2d2d; + font-weight: bold; + text-shadow: none; + box-shadow: none; +} + +treeview.view header button:hover { + color: #bebebd; + box-shadow: none; + transition: none; +} + +treeview.view header button:active { + color: #eeeeec; + 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: #2d2d2d; + background-image: none; + background-color: #A06EA8; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #2d2d2d; + text-shadow: none; + transition: none; +} + +treeview.view acceleditor > label { + background-color: #424242; +} + +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: #545453; + border-radius: 0; + text-shadow: none; +} + +treeview.view header button:disabled { + border-color: #353535; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; +} + +.view, iconview, +.view text, +iconview text, +textview text { + color: white; + background-color: #2d2d2d; +} + +.view:disabled, iconview:disabled, +.view text:disabled, +iconview text:disabled, +textview text:disabled { + color: #919190; + background-color: #323232; +} + +.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: #313131; +} + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband { + border: 1px solid #1659ab; + background-color: rgba(22, 89, 171, 0.2); +} + +flowbox flowboxchild { + padding: 3px; +} + +flowbox flowboxchild:selected { + background-color: alpha(currentColor,0.1); + outline-offset: -2px; +} + +.content-view .tile { + margin: 2px; + background-color: black; + border-radius: 0; + padding: 0; +} + +.content-view .tile:active, .content-view .tile:selected { + background-color: #A06EA8; +} + +.content-view .tile:disabled { + background-color: #323232; +} + +viewswitcher, viewswitcher button { + margin: 0; + padding: 0; +} + +viewswitcher button { + border-radius: 0; + border-top: 0; + border-bottom: 0; + box-shadow: none; + font-size: 1rem; +} + +viewswitcher button > stack > box.narrow { + font-size: 0.75rem; + padding-top: 5px; + padding-bottom: 3px; +} + +viewswitcher button > stack > box.narrow image, +viewswitcher button > stack > box.narrow label { + padding-left: 8px; + padding-right: 8px; +} + +viewswitcher button > stack > box.narrow label { + margin-top: -2px; + margin-bottom: 0px; +} + +viewswitcher button > stack > box.wide { + padding: 3px 12px; +} + +viewswitcher button > stack > box label.active { + font-weight: bold; +} + +viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { + animation: none; + background-image: none; +} + +viewswitcher button.needs-attention > stack > box label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#A06EA8), 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 0px, right 1px; +} + +viewswitcher button.needs-attention > stack > box label:dir(rtl) { + background-position: left 0px, left 1px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; + min-height: 40px; +} + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 8px 8px 0 0; + border-width: 0px; + box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 10px; +} + +decoration:backdrop { + box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.75); + transition: 200ms ease-out; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration:backdrop, .fullscreen decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.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.75), 0 0 0 20px transparent; +} + +.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.75), 0 0 0 20px transparent; +} + +.popup decoration { + box-shadow: none; +} + +.ssd decoration { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.ssd decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 5px; + box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + +tooltip.csd decoration { + border-radius: 5px; + box-shadow: none; +} + +messagedialog.csd decoration { + border-radius: 8px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + +.solid-csd decoration { + margin: 0; + padding: 4px; + background-color: #1b1b1b; + border: solid 1px #1b1b1b; + border-radius: 0; + box-shadow: inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); +} + +.solid-csd decoration:backdrop { + box-shadow: inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); +} + + + +window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0); +} + +window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { + box-shadow: none; +} + +window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); +} + +window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), +window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, +window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { + border-radius: 8px; +} + +window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); +} + +.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button { + background-color: alpha(currentColor,0.1); +} + +.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover, .xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active, .xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked { + color: white; +} + +.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button { + border-color: transparent; + background-clip: padding-box; +} + +.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover { + background-color: alpha(currentColor,0.15); +} + +.xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active { + background-color: alpha(currentColor,0.25); +} + +.xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked { + background-color: alpha(currentColor,0.2); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + font-weight: 700; +} + +.xfce4-panel widget.tasklist > button.toggle.flat { + background-color: transparent; +} + +.xfce4-panel widget.tasklist > button.toggle.flat:hover, .xfce4-panel widget.tasklist > button.toggle.flat:active, .xfce4-panel widget.tasklist > button.toggle.flat:checked { + color: white; +} + +.xfce4-panel widget.tasklist > button.toggle.flat { + border-color: transparent; + background-clip: padding-box; +} + +.xfce4-panel widget.tasklist > button.toggle.flat:hover { + background-color: alpha(currentColor,0.15); +} + +.xfce4-panel widget.tasklist > button.toggle.flat:active { + background-color: alpha(currentColor,0.25); +} + +.xfce4-panel widget.tasklist > button.toggle.flat:checked { + background-color: alpha(currentColor,0.2); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + font-weight: 700; +} + +/**** Budgie-desktop ****/ +.budgie-container { + padding: 0; + background-color: transparent; +} + +.budgie-panel { + color: #eeeeec; + background-color: black; + font-weight: bold; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-panel button { + color: #eeeeec; + border: 0; + border-radius: 0; + box-shadow: none; +} + +.budgie-panel button label { + padding: 0; +} + +.budgie-panel button:hover, .budgie-panel button:active, .budgie-panel button:checked { + transition: none; +} + +.budgie-panel button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.07); +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel button:checked:hover { + background-color: rgba(255, 255, 255, 0.13); +} + +.budgie-panel.horizontal button { + padding: 0px 9px; +} + +.budgie-panel.vertical button { + padding: 9px 0; +} + +.budgie-panel.vertical button:hover, .budgie-panel.vertical button:active, .budgie-panel.vertical button:checked { + box-shadow: none; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.35); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-panel.transparent, .budgie-panel.transparent button { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.budgie-panel > box > widget > separator { + background-color: rgba(238, 238, 236, 0.23); +} + +.budgie-panel .end-region > widget > widget > image { + padding: 0 9px; +} + +.budgie-panel .end-region .budgie-network-applet > widget > box { + padding: 0 9px; +} + +.top .budgie-panel.dock-mode { + padding: 1px; + padding-top: 0; + background-color: rgba(32, 32, 32, 0.76); + color: #eeeeec; + border: 1px solid rgba(255, 255, 255, 0.16); + border-top: none; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.bottom .budgie-panel.dock-mode { + padding: 1px; + padding-bottom: 0; + background-color: rgba(32, 32, 32, 0.76); + color: #eeeeec; + border: 1px solid rgba(255, 255, 255, 0.16); + border-bottom: none; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.left .budgie-panel.dock-mode { + padding: 1px; + padding-left: 0; + background-color: rgba(32, 32, 32, 0.76); + color: #eeeeec; + border: 1px solid rgba(255, 255, 255, 0.16); + border-left: none; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; +} + +.right .budgie-panel.dock-mode { + padding: 1px; + padding-right: 0; + background-color: rgba(32, 32, 32, 0.76); + color: #eeeeec; + border: 1px solid rgba(255, 255, 255, 0.16); + border-right: none; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; +} + +.budgie-panel.dock-mode button { + color: #eeeeec; + border-radius: 6px; +} + +.budgie-clock-applet { + font-feature-settings: "tnum"; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:hover, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher.running, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:active { + box-shadow: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher image { + -gtk-icon-effect: none; +} + +.top box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-radius: 6px; + transition: none; + padding: 0; +} + +.top box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked.running { + border-radius: 0 0 6px 6px; + box-shadow: none; + background-size: 100% calc(100% - 3px); + background-position: bottom; + background-repeat: no-repeat; +} + +.bottom box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-radius: 6px; + transition: none; + padding: 0; +} + +.bottom box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked.running { + border-radius: 6px 6px 0 0; + box-shadow: none; + background-size: 100% calc(100% - 3px); + background-position: top; + background-repeat: no-repeat; +} + +.left box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-radius: 6px; + transition: none; + padding: 0; +} + +.left box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked.running { + border-radius: 0 6px 6px 0; + box-shadow: none; + background-size: calc(100% - 3px) 100%; + background-position: right; + background-repeat: no-repeat; +} + +.right box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-radius: 6px; + transition: none; + padding: 0; +} + +.right box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked.running { + border-radius: 6px 0 0 6px; + box-shadow: none; + background-size: calc(100% - 3px) 100%; + background-position: left; + background-repeat: no-repeat; +} + +widget.icon-tasklist > box:drop(active) { + border-radius: 6px; +} + +frame.raven-frame > border { + border-style: none; +} + +.top frame.raven-frame > border { + margin-bottom: 32px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.bottom frame.raven-frame > border { + margin-top: 32px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.left frame.raven-frame > border { + margin-right: 32px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.right frame.raven-frame > border { + margin-left: 32px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.raven { + background-color: #353535; + color: #eeeeec; + padding: 0; + border: none; +} + +.raven .raven-header.bottom { + box-shadow: none; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #2d2d2d; + border-bottom: 1px solid #1b1b1b; + margin-top: -6px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; + margin: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + padding: 4px 0; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:hover, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background: none; + box-shadow: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:hover list > row.activatable:hover, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:hover list > row.activatable:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:hover list > row.activatable:selected, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:active list > row.activatable:hover, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:active list > row.activatable:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:active list > row.activatable:selected, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:hover, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background: none; + box-shadow: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame:dir(ltr) { + margin-left: 4px; + margin-right: 9px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame:dir(rtl) { + margin-left: 4px; + margin-right: 9px; +} + +.raven-notifications-view .raven-notifications-group { + border: 1px solid #1b1b1b; + background-color: #2d2d2d; + border-radius: 8px; + padding: 13px 9px 0; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); +} + +.raven-notifications-view .raven-notifications-group button.flat { + padding: 0; +} + +.raven-notifications-view .raven-notifications-group .notification-clone { + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding: 9px; + margin: 0 -11px; +} + +.raven-notifications-view .raven-notifications-group .notification-clone:first-child { + padding: 9px 9px 0; +} + +.raven-notifications-view .raven-notifications-group .notification-clone box.horizontal label { + font-weight: bold; +} + +.raven-notifications-view .raven-notifications-group .notification-clone button.flat { + border-radius: 99px; + padding: 0; +} + +.raven-notifications-view .raven-notifications-group .notification-clone:dir(ltr) { + padding-left: 13px; +} + +.raven-notifications-view .raven-notifications-group .notification-clone:dir(rtl) { + padding-right: 13px; +} + +.raven scrolledwindow > .frame { + padding: 0 9px; +} + +.raven scrolledwindow > .frame > box.vertical { + margin-bottom: 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 0; + margin-top: 9px; + background-color: #2d2d2d; + border-radius: 8px; + box-shadow: inset 0 0 0 1px #1b1b1b, 0 1px 1px 0 rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -8px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -8px; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.raven scrolledwindow > .frame box.audio-widget { + padding: 0 1px; +} + +.raven scrolledwindow > .frame box.audio-widget list.sound-devices row.activatable > box > label:dir(ltr) { + margin-left: 8px; +} + +.raven scrolledwindow > .frame box.audio-widget list.sound-devices row.activatable > box > label:dir(rtl) { + margin-right: 8px; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + border: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:dir(ltr), .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:dir(rtl) { + margin-bottom: 8px; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + margin-left: 8px; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + margin-right: 8px; +} + +.raven calendar { + background-color: transparent; + border: 1px solid transparent; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + background-clip: content-box; +} + +.raven calendar:selected { + border-radius: 3px; +} + +.raven calendar.header { + border-radius: 0; + border-bottom-color: rgba(0, 0, 0, 0.1); +} + +.raven box.mpris-widget { + border-width: 1px 0; + border-color: #1b1b1b; +} + +.raven box.mpris-widget:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.raven box.mpris-widget:last-child { + border-bottom-style: solid; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.raven box.mpris-widget:only-child { + border-style: solid; + border-radius: 8px; +} + +.raven box.mpris-widget.no-album-art widget > image { + opacity: 0.5; +} + +.raven .raven-mpris { + margin: 6px; + margin-bottom: 14px; + border-radius: 5px; +} + +.raven .raven-mpris button.image-button { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.raven .raven-mpris button.image-button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.9)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); +} + +.raven .raven-mpris button.image-button:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.9)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); +} + +.raven .raven-mpris button.image-button:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.raven .powerstrip > box.horizontal { + padding-bottom: 12px; +} + +.raven .powerstrip button { + border-radius: 9999px; +} + +.budgie-switcher-window .drop-shadow, .budgie-notification-window .drop-shadow { + padding: 4px; + margin: -2px 0; + background-color: #353535; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 1px rgba(238, 238, 236, 0.07); +} + +.budgie-switcher-window, +.budgie-notification-window { + background-color: transparent; +} + +.budgie-notification-window button.flat { + border-radius: 99px; + padding: 2px; +} + +.budgie-osd-window { + background: none; +} + +.budgie-osd-window .drop-shadow { + color: #eeeeec; + background-color: rgba(32, 32, 32, 0.96); + border: 1px solid rgba(255, 255, 255, 0.16); + background-clip: border-box; + box-shadow: none; +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-osd-window progressbar progress { + background-color: #eeeeec; +} + +.drop-shadow, .drop-shadow decoration { + border-radius: 8px; +} + +.background.csd.budgie-run-dialog, .budgie-session-dialog, .budgie-polkit-dialog { + border-radius: 7px; + background-color: #353535; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); +} + +.background.csd.budgie-run-dialog decoration, .budgie-session-dialog decoration, .budgie-polkit-dialog decoration { + border-radius: 7px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + +.budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button { + padding: 6px 8px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; +} + +.budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child { + border-left-style: none; + border-bottom-left-radius: 7px; + -gtk-outline-bottom-left-radius: 5px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 7px; + -gtk-outline-bottom-right-radius: 5px; +} + +.budgie-session-dialog, .budgie-polkit-dialog { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; +} + +.top.budgie-popover.background { + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.75); + background-clip: padding-box; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); +} + +.top.budgie-popover > frame.container > border { + padding: 1px; +} + +.budgie-popover.background { + background-color: #2d2d2d; + border-radius: 4.5px; + background-clip: padding-box; + border: 0px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65), 0 1px 2px 1px rgba(0, 0, 0, 0.2); +} + +.budgie-popover > frame.container { + margin: 0; +} + +.budgie-popover > frame.container, .budgie-popover > frame.container > border { + border-style: none; + background-color: transparent; +} + +.budgie-popover button.flat { + min-height: 20px; + padding: 2px 5px; + border-radius: 3px; + outline-offset: -2px; + transition: none; +} + +.budgie-popover button.flat:hover { + background-color: alpha(currentColor,0.07); + color: white; +} + +.budgie-popover button.flat:selected { + background-color: alpha(currentColor,0.1); +} + +.budgie-popover.workspace-popover .container, .night-light-indicator .container, .user-menu .container, .caffeine-popover .container, .budgie-menu .container { + padding: 4px; +} + +.budgie-menu scrolledwindow, +.budgie-menu list, +.budgie-menu row { + min-width: 0; + min-height: 0; + border: none; + background: none; + box-shadow: none; +} + +.budgie-menu entry { + margin-bottom: 5px; +} + +.budgie-menu scrolledwindow { + border: 1px solid #1b1b1b; + background-color: #2d2d2d; +} + +.budgie-menu row.activatable { + padding: 0; + background-image: none; + background-color: #2d2d2d; + color: #eeeeec; + border-left: 0; + border-right: 0; + border-radius: 0; +} + +.budgie-menu row.activatable:hover { + background-color: alpha(currentColor,0.07); + color: white; +} + +.budgie-menu row.activatable button.flat, .budgie-menu row.activatable button.flat:hover, .budgie-menu row.activatable button.flat:active { + background: none; + -gtk-icon-effect: none; +} + +.budgie-menu .categories { + border: 1px solid #1b1b1b; + background-color: #313131; +} + +.budgie-menu .categories:dir(ltr) { + border-left: 1px solid #1b1b1b; + border-right: 0; +} + +.budgie-menu .categories:dir(rtl) { + border-left: 0; + border-right: 1px solid #1b1b1b; +} + +.budgie-menu .categories button.flat.radio.category-button { + border-radius: 5px; + border-left: 0; + border-right: 0; + margin: 0 3px; + padding: 2px 0; +} + +.budgie-menu .categories button.flat.radio.category-button:hover { + background-color: alpha(currentColor,0.07); + color: white; +} + +.budgie-menu .categories button.flat.radio.category-button:checked { + background-color: alpha(currentColor,0.1); + color: white; +} + +.budgie-menu .categories button.flat.radio.category-button:checked:hover { + background-color: alpha(currentColor,0.13); +} + +.top widget.keyboard-indicator > widget > box > widget > image:dir(ltr), .bottom widget.keyboard-indicator > widget > box > widget > image:dir(ltr) { + padding: 0 2px 0 4px; +} + +.top widget.keyboard-indicator > widget > box > widget > image:dir(rtl), .bottom widget.keyboard-indicator > widget > box > widget > image:dir(rtl) { + padding: 0 4px 0 2px; +} + +.top widget.keyboard-indicator > widget > box stack > widget.keyboard-label > label, .bottom widget.keyboard-indicator > widget > box stack > widget.keyboard-label > label { + font-size: 90%; +} + +.top widget.keyboard-indicator > widget > box stack > widget.keyboard-label > label:dir(ltr), .bottom widget.keyboard-indicator > widget > box stack > widget.keyboard-label > label:dir(ltr) { + padding: 0 4px 0 0px; +} + +.top widget.keyboard-indicator > widget > box stack > widget.keyboard-label > label:dir(rtl), .bottom widget.keyboard-indicator > widget > box stack > widget.keyboard-label > label:dir(rtl) { + padding: 0 0px 0 4px; +} + +.places-menu .container { + padding: 2px; +} + +.places-menu box.vertical > revealer > list { + background-color: #2d2d2d; +} + +.places-menu box.vertical > revealer > list.always-expand { + background-color: transparent; +} + +.places-menu .alternative-label { + font-size: 11pt; +} + +.places-menu .alternative-label:dir(ltr) { + padding: 2px 0 0 4px; +} + +.places-menu .alternative-label:dir(rtl) { + padding: 2px 4px 0 0; +} + +.places-menu list { + background-color: transparent; +} + +.places-menu list > row.activatable { + background: none; + transition: none; +} + +.user-menu list, +.user-menu row { + border: none; + background: none; + box-shadow: none; +} + +.user-menu row.activatable:hover, .user-menu row.activatable:selected { + background: none; +} + +.user-menu > frame.container > box.vertical row.activatable:first-child { + margin-bottom: -4px; +} + +.night-light-indicator .view-header { + padding-top: 2px; +} + +.night-light-indicator .view-header:dir(ltr) { + padding-right: 4px; +} + +.night-light-indicator .view-header:dir(rtl) { + padding-left: 4px; +} + +.night-light-indicator .view-header label { + font-weight: bold; +} + +.night-light-indicator .view-header label:dir(ltr) { + padding-left: 4px; +} + +.night-light-indicator .view-header label:dir(rtl) { + padding-right: 4px; +} + +stack.icon-popover-stack { + margin: 6px; +} + +stack.icon-popover-stack box.horizontal > button.flat label { + padding: 0 3px; +} + +stack.icon-popover-stack grid.horizontal > button.flat.image-button { + min-height: 28px; + border-radius: 99px; +} + +.budgie-switcher-window flowboxchild { + margin: 9px; + border-radius: 5px; +} + +.background.csd.budgie-run-dialog { + background-color: #2d2d2d; +} + +.background.csd.budgie-run-dialog entry, .background.csd.budgie-run-dialog entry.search { + 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; + padding: 6px 12px; + min-width: 30em; + font-size: 150%; +} + +.background.csd.budgie-run-dialog scrolledwindow { + background-color: #353535; + border-radius: 8px; + border-top: 1px solid #1b1b1b; +} + +.background.csd.budgie-run-dialog scrolledwindow scrollbar.right { + border-bottom-right-radius: 8px; +} + +.background.csd.budgie-run-dialog scrolledwindow scrollbar.left { + border-bottom-left-radius: 8px; +} + +.background.csd.budgie-run-dialog scrolledwindow list { + background-color: transparent; + padding: 8px; +} + +.background.csd.budgie-run-dialog scrolledwindow list row.activatable { + border-radius: 5px; +} + +.background.csd.budgie-run-dialog scrolledwindow list row.activatable .dim-label, +.background.csd.budgie-run-dialog scrolledwindow list row.activatable headerbar .subtitle, +headerbar .background.csd.budgie-run-dialog scrolledwindow list row.activatable .subtitle, .background.csd.budgie-run-dialog scrolledwindow list row.activatable label.separator, .background.csd.budgie-run-dialog scrolledwindow list row.activatable .raven .raven-header.top .subtitle, .raven .raven-header.top .background.csd.budgie-run-dialog scrolledwindow list row.activatable .subtitle { + opacity: 1.0; +} + +widget > box.workspace-switcher > box.workspace-layout { + border: none; +} + +widget > box.workspace-switcher > revealer > button.image-button.workspace-add-button { + background: none; + min-width: 0; + border: 1px solid transparent; + background-clip: padding-box; +} + +widget > box.workspace-switcher > revealer > button.image-button.workspace-add-button:hover { + background-color: rgba(255, 255, 255, 0.07); +} + +widget > box.workspace-switcher > revealer > button.image-button.workspace-add-button:active, widget > box.workspace-switcher > revealer > button.image-button.workspace-add-button:checked { + background-color: rgba(255, 255, 255, 0.15); +} + +widget > box.workspace-switcher widget.workspace-item { + background-clip: padding-box; + border-width: 1px 0 0; + border-style: solid; + border-color: transparent; +} + +widget > box.workspace-switcher widget.workspace-item label { + padding-top: 2px; +} + +widget > box.workspace-switcher widget.workspace-item label, widget > box.workspace-switcher widget.workspace-item label.workspace-more-label { + color: #eeeeec; +} + +widget > box.workspace-switcher widget.workspace-item:first-child { + border-right-width: 1px; +} + +widget > box.workspace-switcher widget.workspace-item button.workspace-icon-button { + padding: 0; +} + +widget > box.workspace-switcher widget.workspace-item button.workspace-icon-button:hover, widget > box.workspace-switcher widget.workspace-item button.workspace-icon-button:active { + box-shadow: none; +} + +widget > box.workspace-switcher widget.workspace-item { + background-color: rgba(238, 238, 236, 0.1); +} + +widget > box.workspace-switcher widget.workspace-item.current-workspace { + background-color: rgba(238, 238, 236, 0.2); +} + +widget > box.workspace-switcher widget.workspace-item label, widget > box.workspace-switcher widget.workspace-item label.workspace-more-label { + color: #eeeeec; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window button.suggested-action { + padding: 2px; + border-radius: 99px; + -gtk-outline-radius: 99px; +} + +/**** Chrome/ium ****/ +window.background.chromium .view:selected, window.background.chromium iconview:selected { + background-color: #A06EA8; + color: #ffffff; +} + +/**** Epiphany ****/ +.incognito-mode headerbar { + background: #141927 linear-gradient(to top, #1a2235, #1e263b); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + border-color: #06080c; +} + +.incognito-mode headerbar > clamp { + color: #e7eaf3; +} + +.incognito-mode headerbar:backdrop { + background-image: image(#252f49); + border-color: #171d2e; +} + +.incognito-mode headerbar > * { + color: #e7eaf3; +} + +.incognito-mode headerbar stackswitcher button:active, +.incognito-mode headerbar stackswitcher button:checked, +.incognito-mode headerbar button:not(.flat).toggle:active, +.incognito-mode headerbar button:not(.flat).toggle:checked { + background: image(#151b2a); + border-color: #0e131d; + border-top-color: #06080c; +} + +.incognito-mode headerbar entry { + background-color: rgba(45, 45, 45, 0.9); + border-color: #141927; +} + +.incognito-mode headerbar entry:focus { + border-color: #A06EA8; +} + +.incognito-mode actionbar { + background: #252f49; +} + +.incognito-mode actionbar > revealer > box { + border-color: #141927; +} + +.incognito-mode actionbar:backdrop > revealer > box { + border-color: #171d2e; +} + +.incognito-mode headerbar button, .incognito-mode actionbar button { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #151b2a; + border-bottom-color: #080a0f; + background-image: linear-gradient(to top, #252f49 2px, #2b3857); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +.incognito-mode tabbar .box { + background: #151b2a; + border-bottom: 1px solid #06080c; +} + +.incognito-mode tabbar scrolledwindow.pinned undershoot { + border-color: #06080c; +} + +.incognito-mode tabbar scrolledwindow.pinned tabbox:dir(ltr) { + box-shadow: inset -1px 0 #06080c; +} + +.incognito-mode tabbar scrolledwindow.pinned tabbox:dir(rtl) { + box-shadow: inset 1px 0 #06080c; +} + +.incognito-mode tabbar tab { + border-color: #06080c; + background-color: #1a2235; +} + +.incognito-mode tabbar tab:checked { + background-color: #252f49; +} + +.incognito-mode tabbar tab:checked:hover { + background-color: #2a3553; +} + +.incognito-mode tabbar tab:hover { + background-color: #1f283f; +} + +.incognito-mode tabbar .start-action, +.incognito-mode tabbar .end-action { + background: #1a2235; + border-color: #06080c; +} + +/**** Gedit ****/ +.gedit-document-panel { + background-color: #313131; +} + +.gedit-bottom-panel-paned ~ statusbar { + border-top: 1px solid #1b1b1b; +} + +.gedit-search-slider { + background-color: #2d2d2d; + padding: 6px; + background-clip: padding-box; + border-color: rgba(0, 0, 0, 0.75); + border-radius: 0 0 5px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + background-color: #2d2d2d; + background-image: none; + color: rgba(238, 238, 236, 0.5); + border: 0px; + margin: 2px; + padding: 2px; +} + +/**** libhandy 0.1 ****/ +headerbar hdyviewswitcher button.radio box.horizontal.wide { + margin: -6px 0; +} + +headerbar hdyviewswitcher button.radio box.vertical.narrow { + margin: -3px 0; +} + +headerbar hdyviewswitcher label { + margin: -2px 0; +} + +/**** LightDM Gtk Greeter/Xfce4-screensaver ****/ +.lightdm-gtk-greeter #login_window, +.lightdm-gtk-greeter #restart_dialog, +.lightdm-gtk-greeter #shutdown_dialog { + padding: 0; + background-color: #353535; + border-color: rgba(0, 0, 0, 0.75); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + font-size: 100%; +} + +.lightdm-gtk-greeter #login_window infobar { + margin: 6px 1px; +} + +.lightdm-gtk-greeter #panel_window { + color: #eeeeec; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; + background-color: rgba(0, 0, 0, 0.8); +} + +.lightdm-gtk-greeter #panel_window menubar:disabled label, .lightdm-gtk-greeter #panel_window menubar:disabled image { + opacity: 0.5; +} + +.lightdm-gtk-greeter #panel_window label { + padding: 0 8px; + font-feature-settings: "tnum"; +} + +/**** MATE desktop ****/ +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar menuitem, +#PanelPlug, +#PanelApplet button, +PanelToplevel.background, +#PanelApplet-window-menu-applet-button { + border-image: none; + box-shadow: none; +} + +.mate-panel-menu-bar { + background-color: #353535; +} + +.mate-panel-menu-bar menubar, .mate-panel-menu-bar button { + color: #eeeeec; +} + +.mate-panel-menu-bar button { + transition: none; +} + +.mate-panel-menu-bar #tasklist-button { + border-width: 1px; + transition: none; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), +.mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 2px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), +.mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 2px; +} + +PanelToplevel.horizontal.top > grid { + border-style: outset; + border-width: 0px 0px 1px 0px; + border-color: rgba(0, 0, 0, 0.75); +} + +PanelToplevel.horizontal.bottom > grid { + border-style: outset; + border-width: 1px 0px 0px 0px; + border-color: rgba(0, 0, 0, 0.75); +} + +PanelToplevel.vertical.left > grid { + border-style: outset; + border-width: 0px 1px 0px 0px; + border-color: rgba(0, 0, 0, 0.75); +} + +PanelToplevel.vertical.right > grid { + border-style: outset; + border-width: 0px 0px 0px 1px; + border-color: rgba(0, 0, 0, 0.75); +} + +MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { + background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px); + background-repeat: no-repeat; + background-size: 4px 10px; + color: transparent; +} + +MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) { + background-position: 3px; +} + +MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) { + background-position: calc(100% - 3px); +} + +na-tray-applet { + -NaTrayApplet-icon-padding: 6px; +} + +/**** Caja ****/ +.caja-pathbar button.slider-button { + min-width: 24px; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #313131; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid #1b1b1b; +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-navigation-window toolbar { + border-bottom: 1px solid #1b1b1b; +} + +/**** Nautilus ****/ +.nautilus-window notebook > stack { + background: #2d2d2d; +} + +.nautilus-window .disclosure-button { + padding-left: 2px; + padding-right: 2px; +} + +.nautilus-window .nautilus-canvas-item.dim-label, +.nautilus-window headerbar .nautilus-canvas-item.subtitle, +headerbar .nautilus-window .nautilus-canvas-item.subtitle, .nautilus-window label.nautilus-canvas-item.separator, .nautilus-window .raven .raven-header.top .nautilus-canvas-item.subtitle, .raven .raven-header.top .nautilus-window .nautilus-canvas-item.subtitle { + color: #919190; +} + +.nautilus-window .nautilus-canvas-item.dim-label:selected, +.nautilus-window headerbar .nautilus-canvas-item.subtitle:selected, +headerbar .nautilus-window .nautilus-canvas-item.subtitle:selected, .nautilus-window label.nautilus-canvas-item.separator:selected, .nautilus-window .raven .raven-header.top .nautilus-canvas-item.subtitle:selected, .raven .raven-header.top .nautilus-window .nautilus-canvas-item.subtitle:selected { + color: #8eb8ec; +} + +.nautilus-window entry.search > * { + margin: 5px; +} + +.nautilus-window .nautilus-path-bar button { + margin: 0; +} + +.nautilus-window .nautilus-path-bar button:not(:checked) image { + opacity: 0.8; +} + +.nautilus-window .path-bar-box { + border-radius: 5px; + padding-right: 6px; + border: 1px solid #1b1b1b; + background-color: #353535; + background-clip: padding-box; +} + +.nautilus-window .path-bar-box button:first-child { + border-radius: 3.5px 0 0 3.5px; + border-width: 0px 1px 0px 0px; +} + +.nautilus-window .path-bar-box button:not(:first-child) { + border-width: 0px 1px 0px 1px; + border-radius: 0; +} + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #2d2d2d; + border-width: 1px; + border-style: solid solid none; + border-color: #1b1b1b; + border-radius: 3px 3px 0 0; +} + +.nautilus-window .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; +} + +.nautilus-window .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; +} + +.nautilus-window .floating-bar button { + padding: 0px; +} + +.disk-space-display { + border-style: solid; + border-width: 2px; +} + +.disk-space-display.unknown { + background-color: #888a85; + border-color: shade(#888a85, 0.7); + color: #888a85; +} + +.disk-space-display.unknown.border { + color: shade(#888a85, 0.7); +} + +.disk-space-display.used { + background-color: #729fcf; + border-color: shade(#729fcf, 0.7); + color: #729fcf; +} + +.disk-space-display.used.border { + color: shade(#729fcf, 0.7); +} + +.disk-space-display.free { + background-color: #eeeeec; + border-color: shade(#eeeeec, 0.7); + color: #eeeeec; +} + +.disk-space-display.free.border { + color: shade(#eeeeec, 0.7); +} + +/**** Nemo FM ****/ +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar scrolledwindow.frame .view, .nemo-window .sidebar scrolledwindow.frame iconview { + background-color: #313131; + color: #eeeeec; +} + +.nemo-window .sidebar scrolledwindow.frame .view:hover, .nemo-window .sidebar scrolledwindow.frame iconview:hover { + background-color: alpha(currentColor,0.07); + color: white; +} + +.nemo-window .sidebar scrolledwindow.frame .view:active, .nemo-window .sidebar scrolledwindow.frame iconview:active, .nemo-window .sidebar scrolledwindow.frame .view:selected, .nemo-window .sidebar scrolledwindow.frame iconview:selected { + background-color: alpha(currentColor,0.1); + color: white; +} + +.nemo-window .sidebar scrolledwindow.frame .view:active:hover, .nemo-window .sidebar scrolledwindow.frame iconview:active:hover, .nemo-window .sidebar scrolledwindow.frame .view:selected:hover, .nemo-window .sidebar scrolledwindow.frame iconview:selected:hover { + background: alpha(currentColor,0.13); +} + +.nemo-window .sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #767675; + -NemoPlacesTreeView-disk-full-fg-color: #eeeeec; + -GtkTreeView-vertical-separator: 8; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 0; + border-radius: 5px; + background-color: #2d2d2d; + box-shadow: inset 0 0 0 1px #A06EA8; + border-color: #A06EA8; +} + +.nemo-window .nemo-canvas-item.dim-label, +.nemo-window headerbar .nemo-canvas-item.subtitle, +headerbar .nemo-window .nemo-canvas-item.subtitle, .nemo-window label.nemo-canvas-item.separator, .nemo-window .raven .raven-header.top .nemo-canvas-item.subtitle, .raven .raven-header.top .nemo-window .nemo-canvas-item.subtitle, +.nemo-window .nemo-dim-list-label { + color: #919190; +} + +.nemo-window .nemo-canvas-item.dim-label:selected, +.nemo-window headerbar .nemo-canvas-item.subtitle:selected, +headerbar .nemo-window .nemo-canvas-item.subtitle:selected, .nemo-window label.nemo-canvas-item.separator:selected, .nemo-window .raven .raven-header.top .nemo-canvas-item.subtitle:selected, .raven .raven-header.top .nemo-window .nemo-canvas-item.subtitle:selected, +.nemo-window .nemo-dim-list-label:selected { + color: #8eb8ec; +} + +.nemo-window toolbar.horizontal.primary-toolbar { + border-bottom: 1px solid #1b1b1b; + padding: 4px; + padding-top: 5px; +} + +.nemo-window toolbar.horizontal.primary-toolbar:dir(ltr) { + padding-left: 5px; +} + +.nemo-window toolbar.horizontal.primary-toolbar:dir(rtl) { + padding-right: 5px; +} + +.nemo-window toolbar.horizontal.primary-toolbar toolitem box widget * { + min-height: 0; + min-width: 0; +} + +.nemo-window toolbar.horizontal.primary-toolbar .linked button { + margin-right: 0; +} + +.nemo-window grid.vertical > widget { + box-shadow: 0 -1px #1b1b1b; +} + +.nemo-window grid.vertical > widget > box { + padding: 0; + margin: -2px -4px; +} + +.nemo-window grid.vertical > widget button { + padding: 0 7px; + min-width: 0; + margin: 4px; +} + +.nemo-window .floating-bar { + padding: 1px; + background-color: #2d2d2d; + border-width: 1px; + border-style: solid solid none; + border-color: #1b1b1b; + border-radius: 3px 3px 0 0; +} + +.nemo-window .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; +} + +.nemo-window .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; +} + +.nemo-window .floating-bar button { + padding: 0px; +} + +/**** xfce4 ****/ +.xfce4-panel, .xfce4-panel.background { + background-color: #353535; + color: #eeeeec; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel 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; + border-radius: 5px; + border: 0; + font-weight: 700; + font-feature-settings: "tnum"; + color: #eeeeec; +} + +.xfce4-panel button:hover { + background: alpha(currentColor,0.07); + color: white; + -gtk-icon-effect: none; + transition: none; +} + +.xfce4-panel button:active, .xfce4-panel button:checked { + background: alpha(currentColor,0.1); + color: white; +} + +.xfce4-panel button#applicationmenu-button image, .xfce4-panel button#applicationmenu-button label, .xfce4-panel button#clock-button image, .xfce4-panel button#clock-button label { + padding: 0 4px; +} + +.xfce4-panel.vertical#applicationmenu-button image, .xfce4-panel.vertical#applicationmenu-button label, .xfce4-panel.vertical#clock-button image, .xfce4-panel.vertical#clock-button label { + padding: 4px 0; +} + +.xfce4-panel widget.tasklist > button.toggle { + border-width: 1px; + border-style: solid; + font-weight: normal; + transition: none; +} + +.xfce4-panel widget.tasklist > button.toggle label { + padding: 0; +} + +.xfce4-panel menu { + font-weight: normal; +} + +dialog.xfsm-logout-dialog.keycap { + background-color: #353535; + box-shadow: none; + border-color: #1b1b1b; + background-clip: padding-box; + border-radius: 8px; +} + +dialog.xfsm-logout-dialog.keycap separator.horizontal { + background-color: transparent; +} + +#XfceNotifyWindow { + background-color: #353535; + color: #eeeeec; + border-color: #1b1b1b; + background-clip: padding-box; + box-shadow: none; + border-radius: 8px; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow button { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #353535 2px, #3f3f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +#XfceNotifyWindow button:hover { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +#XfceNotifyWindow button:active { + color: #eeeeec; + outline-color: rgba(238, 238, 236, 0.3); + border-color: #141414; + border-top-color: #070707; + background-image: image(#202020); + box-shadow: none; +} + +#XfceNotifyWindow button:disabled { + color: #919190; + border-color: #1b1b1b; + background-image: image(#363636); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); + text-shadow: none; + -gtk-icon-shadow: none; +} + +#docklike-plugin .group { + border-radius: 0; +} + +/* Changes for Modern theme + (this should work, i guess) */ + +/* Settings for header/titlebar */ +.raven .raven-header.top, .titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 16px; + border-width: 0 0 1px; + border-style: solid; + border-color: #5c3566; + border-radius: 8px 8px 0 0; + background: linear-gradient(to top, #75507b, #8A5F91); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); +} + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { + border-color: #202020; + background-color: #75507b; + background-image: none; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + transition: 200ms ease-out; +} + +.titlebar:not(headerbar) separator { + background: #5c3566 +} + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + min-height: 16px; + padding: 2px 4px; + border-radius: 8px 8px 0 0; +} + + +/* Settings for header/titlebar buttons */ + +button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 2px 2px; + border-radius: 5px; +} + +.raven .default-decoration.raven-header.top button.titlebutton, +headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 0; +} + +button.titlebutton:not(.appmenu) { + border-radius: 5px; + padding: 1px; + margin: 0; + min-width: 16px; + min-height: 16px; +} + +button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton, .incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.titlebutton { + padding: 1px; + border-color: #5c3566; + background: linear-gradient(180deg, #A06EA8, #8A5F91); +} + +titlebar button, headerbar button, .titlebar button.destructive-action, .titlebar .linked button, .titlebar button:first-child { + border-color: #5c3566; + background: linear-gradient(180deg, #A06EA8, #8A5F91); +} + +titlebar button:hover, headerbar button:hover, .titlebar button.destructive-action:hover, .titlebar .linked button:hover, .titlebar button:hover:first-child, .incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover { + border-color: #5c3566; + background: #A06EA8; +} + +titlebar button:hover:active, headerbar button:hover:active, .titlebar button.destructive-action:hover:active, .titlebar .linked button:hover:active, .titlebar button:hover:active:first-child, .incognito-mode headerbar button:hover:active, .incognito-mode actionbar button:hover:active { + border-color: #5c3566; + background: #75507b; +} + +titlebar button:checked, headerbar button:checked, .titlebar button.destructive-action:checked, .titlebar .linked button:checked, .titlebar button:checked:first-child, .incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked { + border-color: #5c3566; + background: #75507b; +} + +button.titlebutton:backdrop, .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar button:backdrop, .titlebar .linked button:backdrop, .titlebar button.suggested-action:backdrop, .titlebar button.destructive-action:backdrop { + background: #75507b; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; @@ -2027,9 +6827,9 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders #202020; /* these are pretty self explicative */ -@define-color warning_color #f57900; +@define-color warning_color #e5a50a; @define-color error_color #cc0000; -@define-color success_color #26ab62; +@define-color success_color #2ec27e; /* 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... */ @@ -2037,16 +6837,20 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_unfocused_title #919190; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#353535, 1.2); -@define-color wm_bg_b #353535; +@define-color wm_bg_a #2b2b2b; +@define-color wm_bg_b #262626; @define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#353535, 1.3); +@define-color wm_border #070707; +@define-color wm_button_hover_color_a #111111; @define-color wm_button_hover_color_b #353535; -@define-color wm_button_active_color_a shade(#353535, 0.85); +@define-color wm_button_active_color_a #070707; @define-color wm_button_active_color_b shade(#353535, 0.89); @define-color wm_button_active_color_c shade(#353535, 0.9); /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #2d2d2d; /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #1e1e1e; +/* Budgie desktop icon tasklist indicator colors */ +@define-color budgie_tasklist_indicator_color shade(#eeeeec, 0.9); +@define-color budgie_tasklist_indicator_color_active #eeeeec; +@define-color budgie_tasklist_indicator_color_active_window shade(#eeeeec, 0.7); diff --git a/gtk-4.0/assets/bullet-symbolic.svg b/gtk-4.0/assets/bullet-symbolic.svg index c029973..acf880a 100644 --- a/gtk-4.0/assets/bullet-symbolic.svg +++ b/gtk-4.0/assets/bullet-symbolic.svg @@ -17,7 +17,7 @@ height="14" id="svg7384" version="1.1" - inkscape:version="0.91 r13725" + inkscape:version="0.92.4 5da689c313, 2019-01-14" width="14"> @@ -37,8 +37,8 @@ bordercolor="#666666" borderopacity="1" inkscape:current-layer="layer9" - inkscape:cx="9.6493349" - inkscape:cy="5.5864571" + inkscape:cx="6.1684486" + inkscape:cy="5.9327595" gridtolerance="10" inkscape:guide-bbox="true" guidetolerance="10" @@ -47,10 +47,10 @@ inkscape:object-paths="false" objecttolerance="10" pagecolor="#3a3b39" - inkscape:pageopacity="1" + inkscape:pageopacity="0" inkscape:pageshadow="2" showborder="true" - showgrid="false" + showgrid="true" showguides="true" inkscape:snap-bbox="true" inkscape:snap-bbox-midpoints="false" @@ -59,12 +59,12 @@ inkscape:snap-nodes="false" inkscape:snap-others="false" inkscape:snap-to-guides="true" - inkscape:window-height="1016" + inkscape:window-height="1376" inkscape:window-maximized="1" - inkscape:window-width="1920" + inkscape:window-width="3440" inkscape:window-x="0" - inkscape:window-y="27" - inkscape:zoom="22.005438" + inkscape:window-y="639" + inkscape:zoom="62.240778" inkscape:showpageshadow="false"> @@ -101,10 +101,10 @@ transform="translate(-381.00015,-339)"> + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';text-indent:0pt;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.38899732;marker:none" /> @@ -37,8 +37,8 @@ bordercolor="#666666" borderopacity="1" inkscape:current-layer="layer9" - inkscape:cx="-15.966869" - inkscape:cy="8.8415069" + inkscape:cx="-33.869991" + inkscape:cy="-23.596341" gridtolerance="10" inkscape:guide-bbox="true" guidetolerance="10" @@ -47,10 +47,10 @@ inkscape:object-paths="false" objecttolerance="10" pagecolor="#3a3b39" - inkscape:pageopacity="1" + inkscape:pageopacity="0" inkscape:pageshadow="2" showborder="true" - showgrid="false" + showgrid="true" showguides="true" inkscape:snap-bbox="true" inkscape:snap-bbox-midpoints="false" @@ -59,12 +59,12 @@ inkscape:snap-nodes="false" inkscape:snap-others="false" inkscape:snap-to-guides="true" - inkscape:window-height="1016" + inkscape:window-height="1376" inkscape:window-maximized="1" - inkscape:window-width="1920" + inkscape:window-width="5120" inkscape:window-x="0" inkscape:window-y="27" - inkscape:zoom="15.238496" + inkscape:zoom="11.313708" inkscape:showpageshadow="false"> @@ -100,9 +100,9 @@ style="display:inline;opacity:1" transform="translate(-401.00015,-339)"> arrow, +.osd popover.background.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .app-notification, +.osd { + color: #eeeeec; + border: none; + background-color: rgba(38, 38, 38, 0.7); + background-clip: padding-box; +} + +/* Text selection */ +selection { + background-color: rgba(255, 255, 255, 0.1); + color: transparent; +} + +selection:focus-within { + background-color: rgba(173, 127, 168, 0.3); +} + +:not(window):drop(active):focus, +:not(window):drop(active) { + border-color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; + caret-color: #2ec27e; +} + +.navigation-sidebar :not(window):drop(active):focus, +.navigation-sidebar :not(window):drop(active), +placessidebar :not(window):drop(active):focus, +placessidebar :not(window):drop(active), +stackswitcher :not(window):drop(active):focus, +stackswitcher :not(window):drop(active), +expander-widget :not(window):drop(active):focus, +expander-widget :not(window):drop(active) { + box-shadow: none; +} -.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } - -dnd { color: #eeeeec; } - -.normal-icons { -gtk-icon-size: 16px; } - -.large-icons { -gtk-icon-size: 32px; } - -image:disabled { -gtk-icon-filter: opacity(0.5); } - -.view, iconview, textview > text { color: white; background-color: #2d2d2d; } - -.view:disabled, iconview:disabled, textview > text:disabled { color: #919190; background-color: #323232; } - -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } - -textview:drop(active) { caret-color: #26a269; } - -textview > border { background-color: #313131; } - -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: #5c3566; outline-width: 2px; outline-offset: -2px; } - -iconview:drop(active) { box-shadow: none; } - -iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #030c17; } - -rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #75507b; background-color: rgba(173, 127, 168, 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 { outline: 0 solid transparent; outline-offset: 4px; } - -flowbox > flowboxchild:focus:focus-visible { outline-color: #5c3566; outline-width: 2px; outline-offset: -2px; } - -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 { outline: 0 solid transparent; outline-offset: 4px; } - -gridview > child:focus:focus-visible { outline-color: #5c3566; outline-width: 2px; outline-offset: -2px; } - -gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); } - -gridview > child box { border-spacing: 8px; margin: 12px; } - -coverflow cover { color: white; background-color: #2d2d2d; 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: #5c3566; outline-width: 2px; outline-offset: -2px; } - -label > selection { background-color: #A06EA8; color: #ffffff; } - -label:disabled { color: #919190; } - -button label:disabled { color: inherit; } - -label.error { color: #cc0000; } - -label.error:disabled { color: rgba(204, 0, 0, 0.5); } - -.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 #1b1b1b; } - -window.assistant.csd .sidebar { border-top-style: none; } - -window.assistant .sidebar > label { padding: 6px 12px; } - -window.assistant .sidebar > label.highlight { background-color: #202020; border-radius: 5px; } - -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: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; } - -/********************* Spinner Animation * */ -@keyframes spin { to { transform: rotate(1turn); } } - -spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - -spinner:checked { opacity: 1; animation: spin 1s linear infinite; } - -spinner:checked:disabled { opacity: 0.5; } - -/********************** General Typography * */ -.large-title { font-weight: 300; font-size: 24pt; } - -.title-1 { font-weight: 800; font-size: 20pt; } - -.title-2 { font-weight: 800; font-size: 15pt; } - -.title-3 { font-weight: 700; font-size: 15pt; } - -.title-4 { font-weight: 700; font-size: 13pt; } - -.heading { font-weight: 700; font-size: 11pt; } - -.body { font-weight: 400; font-size: 11pt; } - -.caption-heading { font-weight: 700; font-size: 9pt; } - -.caption { font-weight: 400; font-size: 9pt; } - -/**************** Text Entries * */ -spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1b1b1b; background-color: #2d2d2d; 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: #5c3566; 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: #2d2d2d; background-color: white; } - -spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } - -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: #919190; border-color: #1b1b1b; background-color: #323232; } - -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(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: #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(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: #f57900; } - -spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #c7c7c6; } - -spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #eeeeec; } - -spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #A06EA8; } - -spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #7e7e7d; } - -spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; } - -.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; } - -.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #A06EA8; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; } - -.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 0.5); background-clip: padding-box; } - -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: #A06EA8; 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: #26a269; } - -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: #282828; } - -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: #282828; } - -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: #26a269; } - -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: #26a269; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; } - -treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; } - -treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; } - -treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #A06EA8; } - -/******************* Editable Labels * */ -editablelabel > stack > text { color: white; border-color: #1b1b1b; background-color: #2d2d2d; } - -/*********** Buttons * */ -@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #ad7fa8 0%, rgba(117, 80, 123, 0) 0%); } - to { background-image: radial-gradient(farthest-side, #ad7fa8 95%, rgba(117, 80, 123, 0)); } } - -notebook > header > tabs > arrow, windowcontrols button, button { min-height: 16px; min-width: 16px; padding: 2px 4px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: #5c3566; border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } - -notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: #5c3566; outline-width: 2px; outline-offset: -2px; } - -notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); } - -notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #eeeeec; border-color: #1b1b1b; background-image: image(#232323); box-shadow: none; transition-duration: 50ms; } - -notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #eeeeec; border-color: #1b1b1b; background-image: image(#1b1b1b); box-shadow: none; } - -notebook > header > tabs > arrow:checked:active, button:checked:active { color: #eeeeec; border-color: #1b1b1b; background-image: image(#161616); box-shadow: none; } - -notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); box-shadow: none; transition: 200ms ease-out; } - -notebook > header > tabs > arrow:backdrop:not(:disabled), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } - -notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; } - -notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); box-shadow: none; } - -notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; } - -notebook > header > tabs > arrow:disabled, button:disabled { color: #919190; border-color: #202020; background-image: image(#323232); -gtk-icon-filter: opacity(0.5); } - -notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919190; border-color: #202020; background-image: image(#292929); box-shadow: none; } - -button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; } - -button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #373737; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - -button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #2d2d2d; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } - -notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } - -notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } - -notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } - -notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } - -dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #26a269; border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; } - -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: #ffffff; 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: #919190; } - -button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: #5c3566; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border: none; 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:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } - -button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; } - -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: #5c3566; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } - -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } - -.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 { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; 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: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } - -.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; } - -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } - -.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: 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 { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } - -button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; background-image: linear-gradient(to top, #8A5F91 2px, #A06EA8); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); 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.3); outline-width: 2px; outline-offset: -2px; } - -button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #A06EA8; } - -button.suggested-action:hover { color: white; border-color: #75507b; background: #A06EA8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #75507b; background-image: image(#5c3566); box-shadow: none; } - -button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(21, 83, 158, 0.8); } - -button.suggested-action:disabled { color: #919190; border-color: #202020; background-image: image(#323232); } - -button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a1b2c7; border-color: #75507b; background-image: image(#143f73); box-shadow: none; } - -.osd button.suggested-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background: #ad7fa8; background-clip: padding-box; } - -.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background: #A06EA8; background-clip: padding-box; } - -.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#A06EA8); background-clip: padding-box; box-shadow: none; } - -.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } - -button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); 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.3); outline-width: 2px; outline-offset: -2px; } - -button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #b2161d; } - -button.destructive-action:hover { color: white; border-color: #6e0d12; background-image: linear-gradient(to top, #a0131a 20%, #a5141a 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #6e0d12; background-image: image(#8a1116); box-shadow: none; } - -button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(178, 22, 29, 0.8); } - -button.destructive-action:disabled { color: #919190; border-color: #202020; background-image: image(#323232); } - -button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #6e0d12; background-image: image(#84151a); box-shadow: none; } - -.osd button.destructive-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; } - -.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; } - -.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; } - -.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } - -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; } - -menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } - -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, #ad7fa8 96%, rgba(117, 80, 123, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - -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; } - -.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, 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, 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, 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), .toolbar button, modelbutton.flat { 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; } - -/* menu buttons */ -modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } - -modelbutton.flat:hover { background-color: #202020; } - -modelbutton.flat:disabled { color: #919190; } - -modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } - -modelbutton.flat arrow:hover { background: none; } - -modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } - -modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } - -/* oldstyle toolbar buttons */ -.toolbar button { margin: 1px; } - -.toolbar button:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -.toolbar button:active { color: #eeeeec; border-color: #1b1b1b; background-image: image(#232323); box-shadow: none; } - -.toolbar button:disabled { color: #919190; border-color: #202020; background-image: image(#323232); } - -.toolbar button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); box-shadow: none; } - -.toolbar button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); box-shadow: none; } - -button.color { padding: 4px; } - -button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } - -/* 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(27, 27, 27, 0.5); } - -popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -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 { color: #eeeeec; border-color: #1b1b1b; background-image: image(#232323); box-shadow: none; } - -popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #75507b; background-image: linear-gradient(to top, #155099 2px, #A06EA8); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); 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.3); 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; outline-color: rgba(255, 255, 255, 0.3); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); 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.3); outline-width: 2px; outline-offset: -2px; } - -/********* Links * */ -button.link, link { color: #ad7fa8; text-decoration: underline; } - -button.link:visited, link:visited { color: #5c3566; } - -*:selected button.link:visited, *:selected link:visited { color: #BF8CBA; } - -button.link:hover, link:hover { color: #CF98C9; } - -*:selected button.link:hover, *:selected link:hover { color: #eff5fd; } - -button.link:active, link:active { color: #ad7fa8; } - -*:selected button.link:active, *:selected link:active { color: #BF8CBA; } - -button.link:disabled, link:disabled { color: rgba(141, 141, 141, 0.8); } - -button.link:selected, *:selected button.link, link:selected, *:selected link { color: #BF8CBA; } - -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: #ad7fa8; outline-width: 2px; outline-offset: -2px; } - -button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } - -button.link > label { text-decoration: underline; } - -/***************** GtkSpinButton * */ -spinbutton { font-feature-settings: "tnum"; } - -spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } - -.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: transparent; } - -spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; } - -spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } - -spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #eeeeec; background-color: #282828; } - -spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; } - -spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - -spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } - -spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, 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), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); 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: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(12, 12, 12, 0.7); -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: none; color: #8a8a89; border-color: rgba(0, 0, 0, 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(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } - -spinbutton.vertical:disabled { color: #919190; } - -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 > block-cursor { color: #2d2d2d; background-color: white; } - -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.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } - -.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: #5c3566; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } - -.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } - -.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } - -.osd spinbutton.vertical > button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } - -treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } - -treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } - -/************** ComboBoxes * */ -dropdown > popover.menu.background > contents { padding: 0; } - -dropdown > button > box { border-spacing: 6px; } - -dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } - -dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } - -dropdown:drop(active), combobox:drop(active) { box-shadow: none; } - -dropdown popover, combobox popover { margin-top: 6px; padding: 0; } - -dropdown popover listview, combobox popover listview { margin: 8px 0; } - -dropdown popover listview > row, combobox popover listview > row { padding: 8px; } - -dropdown popover listview > row:selected, combobox popover listview > row:selected { outline-color: rgba(255, 255, 255, 0.3); color: white; background-color: #202020; } - -dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #1b1b1b; } - -/************ Toolbars * */ -searchbar > revealer > box, .toolbar, toolbar { padding: 4px; border-spacing: 4px; background-color: #353535; } - -.osd .toolbar, .osd toolbar { background-color: transparent; } - -.toolbar.osd, toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.7); } - -.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } - -.toolbar.horizontal > separator, toolbar.horizontal > separator { margin: 4px 0; } - -.toolbar.vertical > separator, toolbar.vertical > separator { margin: 0 4px; } - -searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } - -searchbar > revealer > box { border-style: solid; border-color: #1b1b1b; background-color: #2d2d2d; } - -searchbar > revealer > box:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; } - -/************** GtkInfoBar * */ -infobar > revealer > box { padding: 8px; border-spacing: 12px; } - -infobar.action:hover > revealer > box { background-color: #3e3b37; } - -infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #282828; background-color: #44403b; } - -infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } - -infobar .close:hover, searchbar .close:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -/***************** Title buttons * */ -windowcontrols { border-spacing: 6px; } - -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; } - -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; } - -windowcontrols button { border-radius: 4px; padding: 1px; margin: 0 2px; min-width: 0; min-height: 0; border-color: #5c3566; background: linear-gradient(180deg, #A06EA8, #8A5F91); } - -windowcontrols menubutton { border-radius: 4px; padding: 1px; margin: 0 2px; min-width: 0; min-height: 0; border-color: #5c3566; background: linear-gradient(180deg, #A06EA8, #8A5F91); } - -windowcontrols button:backdrop { border-radius: 4px; padding: 1px; margin: 0 2px; min-width: 0; min-height: 0; background: #75507b; border: 1px solid #5c3566; } - -windowcontrols menubutton:backdrop { border-radius: 4px; padding: 1px; margin: 0 2px; min-width: 0; min-height: 0; background: #75507b; border: 1px solid #5c3566; } - -windowcontrols button:hover { box-shadow: none; border-color: #5c3566; background: #A06EA8; } - -windowcontrols menubutton:hover { box-shadow: none; border-color: #5c3566; background: #A06EA8; } - -windowcontrols button:active, windowcontrols button:checked { box-shadow: none; background: #75507b; border: 1px solid #5c3566; } - -windowcontrols menubutton:active, windowcontrols menubutton:checked { box-shadow: none; background: #75507b; border: 1px solid #5c3566; } - -/*************** Header bars * */ -.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 18px; border-width: 0 0 1px; border-style: solid; border-color: #5c3566; border-radius: 8px 8px 0 0; background: linear-gradient(to top, #75507b, #8A5F91); /* Darken switchbuttons for headerbars. issue #1588 */ } - -.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #75507b; background-image: none; transition: 200ms ease-out; } - -.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; } - -.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#1e1e1e); border-color: #141414; border-top-color: #070707; } - -.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; } - -.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } - -.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } - -.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } - -.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } - -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } - -headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } - -headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } - -.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background-image: none; box-shadow: none; background: #75507b; border: 1px solid #5c3566; } - -.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { background-image: none; box-shadow: none; border-color: #5c3566; background: #A06EA8; } - -headerbar button, headerbar menubutton { border-color: #5c3566; background: linear-gradient(180deg, #A06EA8, #8A5F91); } - -headerbar button:hover, headerbar menubutton:hover { background-image: none; box-shadow: none; border-color: #5c3566; background: #A06EA8; } - -headerbar button:active, headerbar menubutton:active, headerbar menubutton:checked, headerbar button:checked { background-image: none; box-shadow: none; background: #75507b; border: 1px solid #5c3566; } - -headerbar button:backdrop, headerbar menubutton:backdrop { background-image: none; box-shadow: none; border-color: #5c3566; background: #A06EA8; } - -headerbar button:checked:backdrop, headerbar menubutton:checked:backdrop { background-image: none; box-shadow: none; border-color: #5c3566; background: #A06EA8; } - -headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } - -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: #5c3566; } - -window.devel headerbar.titlebar { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 83, 158, 0.1)), linear-gradient(to top, #232323 3px, #282828); } - -window.devel headerbar.titlebar:backdrop { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#353535); /* background-color would flash */ } - -/************ Pathbars * */ -pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } - -pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } - -pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } - -pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } - -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: #545453; border-top-color: #545453; 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: #5c3566; 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.3); } - -columnview.view:disabled, treeview.view:disabled { color: #919190; } - -columnview.view:disabled:selected, treeview.view:disabled:selected { color: #7398c5; } - -columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #4f7aaf; } - -columnview.view.separator, treeview.view.separator { min-height: 2px; color: #545453; } - -columnview.view:backdrop, treeview.view:backdrop { border-left-color: #414141; border-top: #414141; } - -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: #030c17; } - -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: silver; } - -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: white; } - -columnview.view.expander:selected, treeview.view.expander:selected { color: #b9cbe2; } - -columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; } - -columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -columnview.view.progressbar, treeview.view.progressbar { background-color: #A06EA8; background-image: image(#A06EA8); box-shadow: none; } - -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(#2d2d2d); } - -columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; } - -columnview.view.trough, treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } - -columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #0f3b71; } - -columnview.view > header > button, treeview.view > header > button { color: #8e8e8d; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; } - -columnview.view > header > button:hover, treeview.view > header > button:hover { color: #bebebd; box-shadow: none; transition: none; } - -columnview.view > header > button:active, treeview.view > header > button:active { color: #eeeeec; transition: none; } - -columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } - -columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - -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: #2d2d2d; background-image: none; background-color: #A06EA8; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; } - -columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #A06EA8; } - -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: #545453; border-radius: 0; text-shadow: none; } - -columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #353535; background-image: none; } - -columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } - -/*************** Popovers * */ -popover.background { background-color: transparent; font: initial; } - -popover.background > arrow, popover.background > contents { background-color: #2d2d2d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - -popover.background:backdrop { background-color: transparent; } - -popover.background > contents { padding: 8px; border-radius: 9px; } - -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: #232323; margin: 3px; } - -popover.background > contents list separator { margin: 0; } - -.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } - -.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: #2d2d2d; } - -/********************** 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: 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(#202020); } - -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: #202020; border-color: #202020; } - -popover.menu > arrow, popover.menu.background > contents { background-color: #2d2d2d; padding: 5px; } - -popover.menu.background separator { margin: 6px 0; } - -popover.menu accelerator { color: alpha(currentColor,0.55); } - -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; border-color: transparent; box-shadow: none; background-image: image(transparent); color: white; } - -popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); } - -popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); } - -popover.menu radio { border-color: #1b1b1b; } - -popover.menu radio:active { border-color: rgba(27, 27, 27, 0.5); } - -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:selected { color: white; background-color: #202020; } - -popover.menu modelbutton:selected:active { background-color: #111111; } - -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 > item { min-height: 16px; padding: 4px 8px; } - -menubar > item:selected { box-shadow: inset 0 -3px #A06EA8; color: #3584e4; } - -menubar > item:disabled { color: #919190; box-shadow: none; } - -menubar > item popover.menu.background > contents { padding: 5px; } - -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; } - -/************* Notebooks * */ -notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } - -notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #5c3566; outline-width: 2px; outline-offset: -2px; } - -notebook > header { padding: 1px; border-bottom: 1px; border-top: 1px; border-color: #1b1b1b; background: linear-gradient(to bottom, #262626, #313131); } - -notebook > header > tabs { margin: -1px; } - -notebook > header.top { border-bottom-style: solid; } - -notebook > header.top > tabs { margin-bottom: -2px; } - -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1b1b1b; } - -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #A06EA8; } - -notebook > header.bottom { border-top-style: solid; } - -notebook > header.bottom > tabs { margin-top: -2px; } - -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1b1b1b; } - -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #A06EA8; } - -notebook > header.left { border-right-style: solid; } - -notebook > header.left > tabs { margin-right: -2px; } - -notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1b1b1b; } - -notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #A06EA8; } - -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 #1b1b1b; } - -notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #A06EA8; } - -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.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.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.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: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:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } - -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; outline-offset: -5px; color: #eeeeec; font-weight: normal; border: 1px solid #202020; background: linear-gradient(to top, #262626, #313131); margin-bottom: 1px; } - -notebook > header > tabs > tab:hover { color: #eeeeec; background-color: #1e1e1e; } - -notebook > header > tabs > tab:hover.reorderable-page { border-color: rgba(27, 27, 27, 0.3); background-color: rgba(53, 53, 53, 0.2); } - -notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } - -notebook > header > tabs > tab:checked { color: #eeeeec; } - -notebook > header > tabs > tab:checked.reorderable-page { border-color: rgba(27, 27, 27, 0.5); background-color: rgba(53, 53, 53, 0.5); } - -notebook > header > tabs > tab:checked.reorderable-page:hover { background-color: rgba(53, 53, 53, 0.7); } - -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 > tabs > tab button.flat:hover { color: currentColor; } - -notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } - -notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } - -notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } - -notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } - -notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } - -notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } - -notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 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 > tabs > tab { padding-bottom: 4px; } - -notebook > header.bottom > tabs > tab { padding-top: 4px; } - -notebook > stack:not(:only-child) { background-color: #2d2d2d; } - -/************** Scrollbars * */ -scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -scrollbar.top { border-bottom: 1px solid #1b1b1b; } - -scrollbar.bottom { border-top: 1px solid #1b1b1b; } - -scrollbar.left { border-right: 1px solid #1b1b1b; } - -scrollbar.right { border-left: 1px solid #1b1b1b; } - -scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -scrollbar > range > trough > slider:hover { background-color: #c9c9c7; } - -scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; } - -scrollbar > range > trough > slider:disabled { background-color: transparent; } - -scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; } - -scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; } - -scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; } - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; } - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } - -scrollbar.horizontal > range > trough > slider { min-width: 40px; } - -scrollbar.vertical > range > trough > slider { min-height: 40px; } - -treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px; } - -/********** Switch * */ -switch { font-weight: bold; font-size: smaller; border: 1px solid #1b1b1b; border-radius: 14px; color: #eeeeec; background-color: #282828; 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 { outline: 0 solid transparent; outline-offset: 4px; } - -switch:focus:focus-visible { outline-color: #5c3566; outline-width: 2px; outline-offset: 0; } - -headerbar switch { background-color: #141414; } - -switch:checked { color: #ffffff; border-color: #030c17; background-color: #A06EA8; } - -switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; } - -switch > slider { color: #eeeeec; outline-color: #5c3566; border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #1b1b1b; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -switch > image { color: transparent; } - -switch:hover > slider { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -switch:checked > slider { border: 1px solid #030c17; } - -switch:disabled > slider { color: #919190; border-color: #202020; background-image: image(#323232); } - -row:selected switch { outline-color: rgba(255, 255, 255, 0.3); } - -/************************* 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: #A06EA8; 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: #A06EA8; 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: #A06EA8; 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: #5a5a5a; 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: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: #eeeeec; background-color: #A06EA8; 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: #eeeeec; background-color: #A06EA8; 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: #eeeeec; background-color: #A06EA8; 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(238, 238, 236, 0.8); background-color: #5a5a5a; 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; } - -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 { outline: 0 solid transparent; outline-offset: 4px; } - -checkbutton:focus:focus-visible { outline-color: #5c3566; 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, #424242 20%, #353535 90%); border-color: #070707; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - -check:hover, radio:hover { background-image: linear-gradient(to bottom, #4c4c4c 10%, #3f3f3f 90%); } - -check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#282828); } - -check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - -check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #A06EA8 20%, #A06EA8 90%); border-color: #75507b; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - -check:checked:hover, radio:checked:hover { background: #8A5F91; } - -check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#A06EA8); } - -check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - -check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #A06EA8 20%, #A06EA8 90%); border-color: #75507b; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - -check:indeterminate:hover, radio:indeterminate:hover { background-image: image(#A06EA8); } - -check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#8A5F91); } - -check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - -.osd check, .osd radio { color: #eeeeec; outline-color: #5c3566; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } - -.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: #5c3566; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } - -.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } - -.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } - -check { border-radius: 3px; -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"))); } - -check: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 radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; } - -treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } - -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: #ffffff; } - -/************ GtkScale * */ -progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #282828; border-radius: 3px; background-color: #282828; } - -headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #141414; } - -progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #323232; border-color: #202020; } - -row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border-color: #030c17; } - -.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } - -.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(58, 58, 57, 0.5); } - -progressbar > trough > progress, scale > trough > highlight { border: 1px solid #A06EA8; border-radius: 3px; background-color: #A06EA8; } - -progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; } - -row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #030c17; } - -.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); } - -.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } - -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: #5c3566; 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 > fill, scale > trough > highlight { margin: -1px; } - -scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; } - -scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } - -scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } - -scale.fine-tune > trough > slider { margin: -6px; } - -scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; } - -scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } - -.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); } - -.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } - -scale > trough > slider { color: #eeeeec; outline-color: #5c3566; border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); 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:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -scale > trough > slider:active { border-color: #030c17; } - -scale > trough > slider:disabled { color: #919190; border-color: #202020; background-image: image(#323232); } - -row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #030c17; } - -.osd scale > trough > slider { color: #eeeeec; outline-color: #5c3566; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #262626; } - -.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; background-color: #262626; } - -.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #262626; } - -.osd scale > trough > slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-color: #262626; } - -scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } - -scale.horizontal > marks { color: alpha(currentColor,0.55); } - -scale.horizontal > marks.top { margin-bottom: 6px; } - -scale.horizontal > marks.bottom { margin-top: 6px; } - -scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } - -scale.horizontal > value.left { margin-right: 9px; } - -scale.horizontal > value.right { margin-left: 9px; } - -scale.horizontal.fine-tune > marks.top { margin-top: 3px; } - -scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } - -scale.horizontal.fine-tune > marks indicator { min-height: 3px; } - -scale.vertical > marks { color: alpha(currentColor,0.55); } - -scale.vertical > marks.top { margin-right: 6px; } - -scale.vertical > marks.bottom { margin-left: 6px; } - -scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } - -scale.vertical > value.top { margin-bottom: 9px; } - -scale.vertical > value.bottom { margin-top: 9px; } - -scale.vertical.fine-tune > marks.top { margin-left: 3px; } - -scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } - -scale.vertical.fine-tune > marks indicator { min-height: 3px; } - -scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -7px -10px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -7px -10px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -7px -10px; margin-top: -11px; } - -scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -7px -10px; margin-top: -11px; } - -scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -7px -10px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -7px -10px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -7px -10px; margin-bottom: -11px; } - -scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -7px -10px; margin-bottom: -11px; } - -scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -10px -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -10px -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -10px -7px; margin-left: -11px; } - -scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { margin: -10px -7px; margin-left: -11px; } - -scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -10px -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -10px -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -10px -7px; margin-right: -11px; } - -scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - -scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { margin: -10px -7px; margin-right: -11px; } - -scale.color { min-height: 0; min-width: 0; } - -scale.color > trough { background-image: image(#1b1b1b); background-repeat: no-repeat; } - -scale.color.horizontal { padding: 0 0 15px 0; } - -scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } - -scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } - -scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } - -scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } - -scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } - -scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } - -scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } - -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; } - -scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } - -scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; } - -scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; } - -scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } - -scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; } - -scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } - -scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } - -scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; } - -scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } - -/***************** Progress bars * */ -progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } - -progressbar.horizontal > trough { min-width: 150px; } - -progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } - -progressbar.vertical > trough { min-height: 80px; } - -progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } - -progressbar.horizontal > trough > progress { margin: 0 -1px; } - -progressbar.vertical > trough > progress { margin: -1px 0; } - -progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } - -progressbar > trough > progress:disabled { background-color: #919190; border-color: #919190; } - -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 > trough.empty > progress { all: unset; } - -/************* Level Bar * */ -levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } - -levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } - -levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } - -levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } - -levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } - -levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } - -levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } - -levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } - -levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } - -levelbar > trough { padding: 0; } - -levelbar > trough > block { border: 1px solid; } - -levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; } - -levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #A06EA8; background-color: #A06EA8; } - -levelbar > trough > block.full { border-color: #26ab62; background-color: #26ab62; } - -levelbar > trough > block.empty { background-color: #282828; border-color: #282828; } - -/**************** Print dialog * */ -window.dialog.print drawing { color: #eeeeec; background: none; border: none; padding: 0; } - -window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #1b1b1b; } - -window.dialog.print .dialog-action-box { margin: 12px; } - -/********** Frames * */ -frame, .frame { border: 1px solid #1b1b1b; } - -frame { border-radius: 8px; } - -frame > label { margin: 4px; } - -actionbar > revealer > box { padding: 6px; border-spacing: 6px; border-top: 1px solid #1b1b1b; } - -scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 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-image: radial-gradient(farthest-side at left, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 3% 100%, 50% 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, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } - -scrolledwindow > junction { background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); } - -scrolledwindow > junction:dir(rtl) { background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); } - -separator { background: #282828; min-width: 1px; min-height: 1px; } - -/********* Lists * */ -listview, list { color: white; background-color: #2d2d2d; border-color: #1b1b1b; } - -listview:backdrop, list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; } - -listview > row, list > row { padding: 2px; } - -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 #545453; } - -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 #545453; } - -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: #5c3566; outline-width: 2px; outline-offset: -2px; } - -row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } - -row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - -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: #A06EA8; } - -row:selected { outline-color: rgba(255, 255, 255, 0.3); } - -columnview > listview > row { padding: 0; } - -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: #545453; } - -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 #5c3566; } - -columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #A06EA8; } - -columnview row:not(:selected) cell editablelabel.editing text selection { color: #ffffff; background-color: #A06EA8; } - -/******************************************************* 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 */ } - -.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } - -.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(38, 38, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } - -.app-notification border { border: none; } - -/************* Expanders * */ -expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -expander:disabled { color: #919190; } - -expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } - -expander-widget:focus:focus-visible > box > title { outline-color: #5c3566; 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: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: white; border: 1px solid #1b1b1b; } - -calendar > header { border-bottom: 1px solid #1b1b1b; } - -calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } - -calendar > header > button:backdrop { background: none; } - -calendar > grid > label.today { box-shadow: inset 0px -2px #1b1b1b; } - -calendar > grid > label.today:selected { box-shadow: none; } - -calendar > grid > label:focus { outline-color: #5c3566; 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: #353535; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } - -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 .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:first-child { border-left-style: none; border-bottom-left-radius: 7px; } - -window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } - -filechooser .dialog-action-box { border-top: 1px solid #1b1b1b; } - -filechooser #pathbarbox { border-bottom: 1px solid #353535; } - -filechooserbutton > button > box { border-spacing: 6px; } - -filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } - -/*********** Sidebar * */ -.sidebar { background-color: #313131; } - -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #1b1b1b; border-left-style: none; } - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #1b1b1b; border-right-style: none; } - -.sidebar listview.view, .sidebar list { background-color: transparent; } - -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } - -stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } - -stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } - -stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } - -stacksidebar row:focus:focus-visible { outline-color: #5c3566; 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: #202020; border-radius: 5px; color: #eeeeec; } - -stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #141414; } - -stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } - -separator.sidebar { background-color: #1b1b1b; } - -/********************** Navigation Sidebar * */ -.navigation-sidebar { padding: 5px 0; } - -.navigation-sidebar > separator { margin: 5px; } - -.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 { outline: 0 solid transparent; outline-offset: 4px; } - -.navigation-sidebar > row:focus-visible:focus-within { outline-color: #5c3566; outline-width: 2px; outline-offset: -2px; } - -.navigation-sidebar > row:hover { background-color: #141414; } - -.navigation-sidebar > row:selected { background-color: #202020; color: inherit; } - -.navigation-sidebar > row:selected:hover { background-color: #141414; } - -.navigation-sidebar > row:disabled { color: #919190; } - -/**************** File chooser * */ -row image.sidebar-icon { opacity: 0.7; } - -/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ -placessidebar .navigation-sidebar > row { padding: 0; } - -placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } - -placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } - -placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } - -placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } - -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%; } - -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(#26a269); background-clip: content-box; } - -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #A06EA8; } - -placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #26a269; box-shadow: inset 0 1px #26a269, inset 0 -1px #26a269; } - -placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #26a269; } - -placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } - -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(#1b1b1b); background-size: 1px 1px; } - -paned > separator:selected { background-image: image(#A06EA8); } - -paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #353535; background-image: image(#1b1b1b), image(#1b1b1b); background-size: 1px 1px, 1px 1px; } - -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; } - -/************** GtkVideo * */ -video { background: black; } - -video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } - -/************ Tooltips * */ -tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; } - -tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } - -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 { outline: 0 solid transparent; outline-offset: 6px; } - -colorswatch:focus:focus-visible { outline-color: #5c3566; 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: #1b1b1b; } - -colorswatch.light > overlay { color: black; } - -colorswatch.light.activatable:hover > overlay { border-color: #1b1b1b; } - -colorswatch:drop(active) { box-shadow: none; } - -colorswatch:drop(active).light > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #26a269; } - -colorswatch:drop(active).dark > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #26a269; } - -colorswatch > overlay { border: 1px solid #1b1b1b; } - -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:only-child { border-radius: 5px; } - -colorswatch#add-color-button > overlay { color: #eeeeec; outline-color: #5c3566; border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -colorswatch#add-color-button.activatable:hover > overlay { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } - -colorswatch:disabled { opacity: 0.5; } - -colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } - -row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } - -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 { outline: 0 solid transparent; outline-offset: 6px; } - -plane:focus:focus-visible { outline-color: #5c3566; outline-width: 2px; outline-offset: 2px; } - -colorchooser .popover.osd { border-radius: 5px; } - -/******** Misc * */ -.content-view { background-color: #232323; } - -.content-view:hover { -gtk-icon-filter: brightness(1.2); } - -.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } - -.content-view .tile:active, .content-view .tile:selected { background-color: #A06EA8; } - -.content-view .tile:disabled { background-color: #323232; } - -.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } - -.scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } - -/********************** 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.75); margin: 0px; border-radius: 8px 8px 0 0; } - -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.75); transition: 200ms ease-out; } - -window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - -window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - -window.solid-csd { margin: 0; padding: 4px; border: solid 1px #1b1b1b; border-radius: 0; box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); } - -window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); } - -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.75), 0 0 0 20px transparent; } - -window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - -window.popup { box-shadow: none; } - -window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - -tooltip.csd { border-radius: 5px; box-shadow: none; } - -.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #A06EA8; } - -label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } - -label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8aa9ce; } - -.monospace { font-family: monospace; } - -/********************** Touch Copy & Paste * */ -cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; min-width: 20px; min-height: 24px; padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 24px; } - -cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); } - -cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); } - -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - -cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); } - -cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); } - -cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - -cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); } - -cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); } - -cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -shortcuts-section { margin: 20px; } - -.shortcuts-search-results { margin: 20px; border-spacing: 24px; } - -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: #eeeeec; background-color: #2d2d2d; border: 1px solid; border-color: #1b1b1b; border-radius: 5px; box-shadow: inset 0 -3px #222222; font-size: smaller; } - -:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; caret-color: #26a269; } - -stackswitcher > button.text-button { min-width: 100px; } - -stackswitcher.circular { border-spacing: 12px; } - -stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } - -/************* App Icons * */ /* Outline for low res icons */ -.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } - -/* Drapshadow for large icons */ -.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } - -/********* Emoji * */ -popover.emoji-picker > contents { padding: 0; } - -.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #1b1b1b; } - -.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #1b1b1b; } - -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:hover { border-color: rgba(238, 238, 236, 0.1); } - -button.emoji-section:checked { border-color: #A06EA8; } - -popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } - -popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #A06EA8; } - -emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } - -emoji-completion-row:focus, emoji-completion-row:hover { background-color: #A06EA8; color: #ffffff; } - -emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #202020; } - -popover.entry-completion > contents { padding: 0; } - -statusbar { padding: 6px 10px 6px 10px; } - -menubutton arrow { min-height: 16px; min-width: 16px; } +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +/* Drop shadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +avatar { + border-radius: 9999px; + font-weight: bold; +} + +avatar.color1 { + background-image: linear-gradient(#83b6ec, #75507B); + color: #cfe1f5; +} + +avatar.color2 { + background-image: linear-gradient(#7ad9f1, #0f9ac8); + color: #caeaf2; +} + +avatar.color3 { + background-image: linear-gradient(#8de6b1, #29ae74); + color: #cef8d8; +} + +avatar.color4 { + background-image: linear-gradient(#b5e98a, #6ab85b); + color: #e6f9d7; +} + +avatar.color5 { + background-image: linear-gradient(#f8e359, #d29d09); + color: #f9f4e1; +} + +avatar.color6 { + background-image: linear-gradient(#ffcb62, #d68400); + color: #ffead1; +} + +avatar.color7 { + background-image: linear-gradient(#ffa95a, #ed5b00); + color: #ffe5c5; +} + +avatar.color8 { + background-image: linear-gradient(#f78773, #e62d42); + color: #f8d2ce; +} + +avatar.color9 { + background-image: linear-gradient(#e973ab, #e33b6a); + color: #fac7de; +} + +avatar.color10 { + background-image: linear-gradient(#cb78d4, #9945b5); + color: #e7c2e8; +} + +avatar.color11 { + background-image: linear-gradient(#9e91e8, #7a59ca); + color: #d5d2f5; +} + +avatar.color12 { + background-image: linear-gradient(#e3cf9c, #b08952); + color: #f2eade; +} + +avatar.color13 { + background-image: linear-gradient(#be916d, #785336); + color: #e5d6ca; +} + +avatar.color14 { + background-image: linear-gradient(#c0bfbc, #6e6d71); + color: #d8d7d3; +} + +avatar.contrasted { + color: #fff; +} + +avatar.image { + background: none; +} + +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #5799e9 0%, rgba(87, 153, 233, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #5799e9 95%, rgba(87, 153, 233, 0)); + } +} + +notebook > header > tabs > arrow, colorswatch#add-color-button > overlay, +button { + min-height: 24px; + min-width: 16px; + padding: 2px 6px; + border: 1px solid; + background-clip: padding-box; + border-radius: 5px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #eeeeec; + outline-color: rgba(173, 127, 168, 0.7); + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #353535 2px, #3f3f3f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; +} + +notebook > header > tabs > arrow, colorswatch#add-color-button > overlay, +button { + outline: 0 solid transparent; + outline-offset: 4px; +} + +notebook > header > tabs > arrow:focus:focus-visible, colorswatch#add-color-button > overlay:focus:focus-visible, +button:focus:focus-visible { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +notebook > header > tabs > arrow:hover, colorswatch#add-color-button > overlay:hover, +button:hover { + color: #eeeeec; + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); +} + +notebook > header > tabs > arrow.keyboard-activating, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, colorswatch#add-color-button > overlay:active, notebook > header > tabs > arrow:checked, colorswatch#add-color-button > overlay:checked, +button.keyboard-activating, +button:active, +button:checked { + color: #eeeeec; + border-color: #141414; + border-top-color: #070707; + background-image: image(#202020); + box-shadow: none; + transition-duration: 50ms; +} + +notebook > header > tabs > arrow:checked:hover, colorswatch#add-color-button > overlay:checked:hover, +button:checked:hover { + color: #eeeeec; + border-color: #141414; + border-top-color: #070707; + background-image: image(#191919); + box-shadow: none; +} + +notebook > header > tabs > arrow:checked:active, colorswatch#add-color-button > overlay:checked:active, +button:checked:active { + color: #eeeeec; + border-color: #141414; + border-top-color: #070707; + background-image: image(#141414); + box-shadow: none; +} + +notebook > header > tabs > arrow:disabled, colorswatch#add-color-button > overlay:disabled, +button:disabled { + color: #919190; + border-color: #202020; + background-image: image(#323232); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + +notebook > header > tabs > arrow:disabled:active, colorswatch#add-color-button > overlay:disabled:active, notebook > header > tabs > arrow:disabled:checked, colorswatch#add-color-button > overlay:disabled:checked, +button:disabled:active, +button:disabled:checked { + color: #919190; + border-color: #202020; + background-image: image(#272727); + box-shadow: none; +} + +infobar .close, searchbar > revealer > box .close, .toolbar button, button.sidebar-button, notebook > header > tabs > arrow, popover.menu box.inline-buttons button.image-button.model, windowcontrols button, menubutton.flat > button, notebook > header > tabs > arrow.flat, colorswatch#add-color-button > overlay.flat, +button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + transition: none; +} + +infobar .close:hover, searchbar > revealer > box .close:hover, .toolbar button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, popover.menu box.inline-buttons button.image-button.model:hover, windowcontrols button:hover, menubutton.flat > button:hover, colorswatch#add-color-button > overlay.flat:hover, +button.flat:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.07); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; +} + +infobar .close:hover:active, searchbar > revealer > box .close:hover:active, .toolbar button:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, popover.menu box.inline-buttons button.image-button.model:hover:active, windowcontrols button:hover:active, menubutton.flat > button:hover:active, colorswatch#add-color-button > overlay.flat:hover:active, +button.flat:hover:active { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.16); +} + +infobar .close:checked, searchbar > revealer > box .close:checked, .toolbar button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, popover.menu box.inline-buttons button.image-button.model:checked, windowcontrols button:checked, menubutton.flat > button:checked, colorswatch#add-color-button > overlay.flat:checked, +button.flat:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.1); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +infobar .close:checked:hover, searchbar > revealer > box .close:checked:hover, .toolbar button:checked:hover, button.sidebar-button:checked:hover, notebook > header > tabs > arrow:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, windowcontrols button:checked:hover, menubutton.flat > button:checked:hover, colorswatch#add-color-button > overlay.flat:checked:hover, +button.flat:checked:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.13); +} + +infobar .close:checked:hover:active, searchbar > revealer > box .close:checked:hover:active, .toolbar button:checked:hover:active, button.sidebar-button:checked:hover:active, notebook > header > tabs > arrow:checked:hover:active, popover.menu box.inline-buttons button.image-button.model:checked:hover:active, windowcontrols button:checked:hover:active, menubutton.flat > button:checked:hover:active, colorswatch#add-color-button > overlay.flat:checked:hover:active, +button.flat:checked:hover:active { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: alpha(currentColor,0.16); +} + +infobar .close:disabled, searchbar > revealer > box .close:disabled, .toolbar button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, windowcontrols button:disabled, menubutton.flat > button:disabled, colorswatch#add-color-button > overlay.flat:disabled, +button.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +notebook > header > tabs > arrow.image-button, colorswatch#add-color-button > overlay.image-button, +button.image-button { + min-width: 24px; + padding-left: 2px; + padding-right: 2px; +} + +notebook > header > tabs > arrow.text-button, colorswatch#add-color-button > overlay.text-button, +button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +notebook > header > tabs > arrow.text-button.image-button, colorswatch#add-color-button > overlay.text-button.image-button, +button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; +} + +notebook > header > tabs > arrow.text-button.image-button label, colorswatch#add-color-button > overlay.text-button.image-button label, +button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; +} + +dropdown:drop(active) button.combo, +combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), colorswatch#add-color-button > overlay:drop(active), +button:drop(active) { + color: #2ec27e; + border-color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; +} + + +button.osd { + min-width: 26px; + min-height: 32px; + color: #eeeeec; + border-radius: 5px; + color: #eeeeec; + outline-color: rgba(173, 127, 168, 0.7); + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); + border: none; + 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:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); + border: none; + box-shadow: none; +} + + +button.osd:active, +button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + border: none; + box-shadow: none; +} + +popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, menubutton.osd > button, .osd button { + color: #eeeeec; + outline-color: rgba(173, 127, 168, 0.7); + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; +} + +popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; +} + +popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(12, 12, 12, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; + background-image: none; + border-color: transparent; + box-shadow: none; +} + +popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; +} + + +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #092548; + border-bottom-color: #092548; + background-image: linear-gradient(to top, #1a68c6 2px, #A06EA8); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); + 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.3); + outline-width: 2px; + outline-offset: -2px; +} + + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #A06EA8; +} + + +button.suggested-action:hover { + color: white; + border-color: #092548; + border-bottom-color: #092548; + background-image: linear-gradient(to top, #1659ab 2px, #1863bd); +} + + +button.suggested-action:active, +button.suggested-action:checked { + color: white; + border-color: #75507B; + border-top-color: #051323; + background-image: image(#145099); + box-shadow: none; +} + + +button.suggested-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(173, 127, 168, 0.8); +} + + +button.suggested-action:disabled { + color: #919190; + border-color: #202020; + background-image: image(#323232); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + + +button.suggested-action:disabled:active, +button.suggested-action:disabled:checked { + color: #a4bcda; + border-color: #10427e; + background-image: image(#1b59a4); + box-shadow: none; +} + +.osd button.suggested-action { + color: #eeeeec; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(173, 127, 168, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +.osd button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(173, 127, 168, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +.osd button.suggested-action:active, .osd button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(#A06EA8); + background-clip: padding-box; + box-shadow: none; +} + +.osd button.suggested-action:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; +} + + +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #32070a; + border-bottom-color: #32070a; + background-image: linear-gradient(to top, #ae1924 2px, #c01c28); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); + 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.3); + outline-width: 2px; + outline-offset: -2px; +} + + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #c01c28; +} + + +button.destructive-action:hover { + color: white; + border-color: #32070a; + border-bottom-color: #32070a; + background-image: linear-gradient(to top, #93161f 2px, #a51822); +} + + +button.destructive-action:active, +button.destructive-action:checked { + color: white; + border-color: #240508; + border-top-color: #0e0203; + background-image: image(#82131b); + box-shadow: none; +} + + +button.destructive-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(192, 28, 40, 0.8); +} + + +button.destructive-action:disabled { + color: #919190; + border-color: #202020; + background-image: image(#323232); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 1px rgba(0, 0, 0, 0.05); +} + + +button.destructive-action:disabled:active, +button.destructive-action:disabled:checked { + color: #d3a4a7; + border-color: #670f15; + background-image: image(#901a23); + box-shadow: none; +} + +.osd button.destructive-action { + color: #eeeeec; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(192, 28, 40, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +.osd button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(192, 28, 40, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +.osd button.destructive-action:active, .osd button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(#c01c28); + background-clip: padding-box; + box-shadow: none; +} + +.osd button.destructive-action:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; +} + +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; +} + +menubutton.circular > button, +button.circular { + min-width: 28px; + min-height: 28px; + padding: 0; + border-radius: 9999px; +} + +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, #5799e9 96%, rgba(87, 153, 233, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 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 2px; +} + +popover.menu modelbutton, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, menubutton.outline > button, +button.outline { + 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); +} + +button.color { + padding: 4px; +} + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { + border-radius: 0; +} -menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } - -menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - -menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - -menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -/* GTK NAMED COLORS ---------------- use responsibly! */ +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, menubutton.outline > button, +button.outline { + border: 1px solid rgba(27, 27, 27, 0.5); +} + +popover.menu box.circular-buttons button.circular.image-button.model:hover, menubutton.outline > button:hover, +button.outline:hover { + color: #eeeeec; + border-color: #1b1b1b; + border-bottom-color: #070707; + background-image: linear-gradient(to top, #2b2b2b 2px, #353535); +} + +popover.menu box.circular-buttons button.circular.image-button.model:active, menubutton.outline > button:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, menubutton.outline > button:checked, +button.outline:active, +button.outline:checked { + color: #eeeeec; + border-color: #141414; + border-top-color: #070707; + background-image: image(#202020); + box-shadow: none; +} + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, menubutton.outline > button.suggested-action, +button.outline.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #092548; + border-bottom-color: #092548; + background-image: linear-gradient(to top, #1a68c6 2px, #A06EA8); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); + 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, menubutton.outline > button.suggested-action, +button.outline.suggested-action { + outline: 0 solid transparent; + outline-offset: 4px; +} + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, menubutton.outline > button.suggested-action:focus:focus-visible, +button.outline.suggested-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; +} + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, menubutton.outline > button.destructive-action, +button.outline.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #32070a; + border-bottom-color: #32070a; + background-image: linear-gradient(to top, #ae1924 2px, #c01c28); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.05); + 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, menubutton.outline > button.destructive-action, +button.outline.destructive-action { + outline: 0 solid transparent; + outline-offset: 4px; +} + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, menubutton.outline > button.destructive-action:focus:focus-visible, +button.outline.destructive-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; +} + +menubutton > button > box { + border-spacing: 6px; +} + +menubutton > button.arrow-button > box { + border-spacing: 3px; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton arrow { + min-height: 16px; + min-width: 16px; +} + +menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); +} + +menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +calendar { + color: white; + border: 1px solid #1b1b1b; +} + +calendar > header { + border-bottom: 1px solid #1b1b1b; +} + +calendar > header > button { + border: none; + background: none; + box-shadow: none; + border-radius: 0; +} + +calendar > grid > label.today { + box-shadow: inset 0px -2px #1b1b1b; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label { + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; +} + +calendar > grid > label { + outline: 0 solid transparent; + outline-offset: 4px; +} + +calendar > grid > label:focus { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +calendar > grid > label.day-number { + padding: 4px; +} + +calendar > grid > label.day-number:selected { + border-radius: 3px; + background-color: #A06EA8; + color: #ffffff; +} + +calendar > grid > label.day-number:selected:disabled { + color: #8eb8ec; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor,0.3); +} + +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 { + outline: 0 solid transparent; + outline-offset: 4px; +} + +checkbutton:focus:focus-visible { + outline-color: rgba(173, 127, 168, 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: image(#424242); + border-color: #1b1b1b; + border-bottom-color: #0f0f0f; + box-shadow: 0 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.05); + color: #ffffff; + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.15); +} + +check:hover, +radio:hover { + border-color: #1b1b1b; + border-bottom-color: #0f0f0f; + background-image: image(#4e4e4e); +} + +check:active, +radio:active { + border-color: #141414; + border-top-color: #070707; + background-image: image(#1e1e1e); + box-shadow: none; +} + +check:disabled, +radio:disabled { + box-shadow: none; + -gtk-icon-shadow: none; + color: #919190; + border-color: #202020; + background-image: image(#323232); +} + +check:checked, +radio:checked { + background-clip: padding-box; + background-image: image(#A06EA8); + border-color: #75507B; + border-bottom-color: #75507B; + box-shadow: 0 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.15); + color: #ffffff; + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.15); +} + +check:checked:hover, +radio:checked:hover { + border-color: #75507B; + border-bottom-color: #06172c; + background-image: image(#75507B); +} + +check:checked:active, +radio:checked:active { + border-color: #75507B; + border-top-color: #06172c; + background-image: image(#145099); + box-shadow: none; +} + +check:checked:disabled, +radio:checked:disabled { + box-shadow: none; + -gtk-icon-shadow: none; + color: #919190; + border-color: #202020; + background-image: image(#323232); +} + +check:indeterminate, +radio:indeterminate { + background-clip: padding-box; + background-image: image(#A06EA8); + border-color: #75507B; + border-bottom-color: #75507B; + box-shadow: 0 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.15); + color: #ffffff; + -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.15); +} + +check:indeterminate:hover, +radio:indeterminate:hover { + border-color: #75507B; + border-bottom-color: #06172c; + background-image: image(#75507B); +} + +check:indeterminate:active, +radio:indeterminate:active { + border-color: #75507B; + border-top-color: #06172c; + background-image: image(#145099); + box-shadow: none; +} + +check:indeterminate:disabled, +radio:indeterminate:disabled { + box-shadow: none; + -gtk-icon-shadow: none; + color: #919190; + border-color: #202020; + background-image: image(#323232); +} + +.osd check, .osd radio { + color: #eeeeec; + outline-color: rgba(173, 127, 168, 0.7); + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +.osd check:hover, .osd radio:hover { + color: #eeeeec; + outline-color: rgba(173, 127, 168, 0.7); + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(38, 38, 38, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); +} + +.osd check:active, .osd radio:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; +} + +.osd check:disabled, .osd radio:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: transparent; + background-image: image(rgba(58, 58, 57, 0.5)); + background-clip: padding-box; +} + + +check { + border-radius: 3px; + -gtk-icon-size: 14px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.svg"))); +} + +treeview.view radio:selected:focus, treeview.view radio:selected, +radio { + border-radius: 100%; + -gtk-icon-size: 14px; +} + +treeview.view radio:checked:selected, +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.svg"))); +} + +treeview.view radio:indeterminate:selected, +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.svg"))); +} + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #ffffff; +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #A06EA8; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; +} + +.view.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: #A06EA8; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; +} + +.view.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: #A06EA8; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; +} + +.view.content-view.check:checked:not(list), +.content-view .tile check:checked:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: #eeeeec; + background-color: #A06EA8; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); +} + +.view.content-view.check:checked:hover:not(list), +.content-view .tile check:checked:hover:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: #eeeeec; + background-color: #A06EA8; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); +} + +.view.content-view.check:checked:active:not(list), +.content-view .tile check:checked:active:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: #eeeeec; + background-color: #A06EA8; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); +} + +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 { + outline: 0 solid transparent; + outline-offset: 6px; +} + +colorswatch:focus:focus-visible { + outline-color: rgba(173, 127, 168, 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: #1b1b1b; +} + +colorswatch.light > overlay { + color: black; +} + +colorswatch.light.activatable:hover > overlay { + border-color: #1b1b1b; +} + +colorswatch:drop(active) { + box-shadow: none; +} + +colorswatch:drop(active).light > overlay { + border-color: #2ec27e; + box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #2ec27e; +} + +colorswatch:drop(active).dark > overlay { + border-color: #2ec27e; + box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #2ec27e; +} + +colorswatch > overlay { + border: 1px solid #1b1b1b; +} + +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 > overlay { + border-radius: 5px 0 0 5px; +} + +colorswatch#add-color-button:only-child > overlay { + border-radius: 5px; +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled > overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +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 { + outline: 0 solid transparent; + outline-offset: 6px; +} + +plane:focus:focus-visible { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: 2px; +} + +colorchooser .popover.osd { + border-radius: 5px; +} + +.dialog-action-area { + margin: 6px; + border-spacing: 6px; +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eeeeec; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + background: white; + color: black; + border: 1px solid #1b1b1b; +} + +/**************** + * GtkAssistant * + ****************/ +window.assistant .sidebar { + padding: 5px; + border-top: 1px solid #1b1b1b; +} + +window.assistant.csd .sidebar { + border-top-style: none; +} + +window.assistant .sidebar > label { + padding: 6px 12px; +} + +window.assistant .sidebar > label.highlight { + background-color: alpha(currentColor,0.1); + border-radius: 5px; +} + +/**************** + * GtkAboutDialog * + ****************/ +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; +} + +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown > button > box > stack > row.activatable:hover { + background: none; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown:drop(active), +combobox:drop(active) { + box-shadow: none; +} + +dropdown popover, +combobox popover { + margin-top: 6px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + padding: 8px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + min-height: 26px; + padding: 0px 8px; +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid #1b1b1b; +} + +popover.background.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-bottom: 1px solid #1b1b1b; +} + +.emoji-toolbar { + padding: 3px; + border-top: 1px solid #1b1b1b; +} + +button.emoji-section { + min-width: 28px; + min-height: 28px; + border-radius: 16px; + padding: 0; + background: none; + transition: none; +} + +button.emoji-section:hover { + background: alpha(currentColor,0.07); +} + +button.emoji-section:checked { + background: alpha(currentColor,0.1); +} + +button.emoji-section:checked:hover { + background: alpha(currentColor,0.13); +} + +button.emoji-section:hover:active { + background: alpha(currentColor,0.16); +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor,0.1); +} + +popover.emoji-picker emoji:focus:active, popover.emoji-picker emoji:hover:active { + background: alpha(currentColor,0.16); +} + +popover.background.emoji-completion > contents { + padding: 5px; + padding-bottom: 3px; +} + +emoji-completion-row { + padding: 6px; + margin-bottom: 2px; + border-radius: 5px; +} + +emoji-completion-row:dir(ltr) { + padding-right: 12px; +} + +emoji-completion-row:dir(rtl) { + padding-left: 12px; +} + +emoji-completion-row > box { + border-spacing: 6px; +} + +emoji-completion-row:focus, emoji-completion-row:hover { + background-color: alpha(currentColor,0.1); + color: white; +} + +emoji-completion-row:focus:active, emoji-completion-row:hover:active { + background-color: alpha(currentColor,0.16); +} + +spinbutton.vertical > text, spinbutton:not(.vertical), +entry { + min-height: 28px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 5px; + border-spacing: 6px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: white; + border-color: #1b1b1b; + background-color: #2d2d2d; + 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(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, +entry > text > block-cursor { + color: #2d2d2d; + background-color: white; +} + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), +entry.flat:focus-within, +entry.flat:disabled, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; +} + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), +entry:disabled { + color: #919190; + border-color: #1b1b1b; + background-color: #323232; +} + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), +entry.error { + color: #db4d4d; + 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(204, 0, 0, 0.5); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton.vertical > text.error > text > selection:focus-within, spinbutton.error:not(.vertical) > text > selection:focus-within, +entry.error > text > selection:focus-within { + background-color: rgba(204, 0, 0, 0.2); +} + +spinbutton.vertical > text.error > text > cursor-handle > contents, spinbutton.error:not(.vertical) > text > cursor-handle > contents, +entry.error > text > cursor-handle > contents { + background-color: #cc0000; +} + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), +entry.warning { + color: #edc054; + 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(229, 165, 10, 0.5); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton.vertical > text.warning > text > selection:focus-within, spinbutton.warning:not(.vertical) > text > selection:focus-within, +entry.warning > text > selection:focus-within { + background-color: rgba(229, 165, 10, 0.2); +} + +spinbutton.vertical > text.warning > text > cursor-handle > contents, spinbutton.warning:not(.vertical) > text > cursor-handle > contents, +entry.warning > text > cursor-handle > contents { + background-color: #e5a50a; +} + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, +entry > image { + color: #c7c7c6; +} + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, +entry > image:hover { + color: #eeeeec; +} + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, +entry > image:active { + color: #A06EA8; +} + +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.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, +entry.password image.caps-lock-indicator { + opacity: 0.5; +} + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active):focus-within, +entry:drop(active) { + border-color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; +} + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; +} + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { + color: white; + border-color: #A06EA8; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; +} + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { + color: #8a8a89; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(58, 58, 57, 0.5); + background-clip: padding-box; +} + +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: #A06EA8; + border-style: solid; + box-shadow: none; +} + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #2d2d2d; + transition-property: color, background; +} + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2d2d2d; +} + +treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #A06EA8; +} + +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:disabled { + color: #919190; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander-widget { + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; +} + +expander-widget > box > title { + outline: 0 solid transparent; + outline-offset: 4px; +} + +expander-widget:focus:focus-visible > box > title { + outline-color: rgba(173, 127, 168, 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:hover > expander { + color: white; +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > box { + border-spacing: 6px; +} + +filechooser .dialog-action-box { + border-top: 1px solid #1b1b1b; +} + +filechooser #pathbarbox { + border-bottom: 1px solid #353535; +} + +filechooser pathbar > button.text-button, filechooser pathbar > button.image-button, filechooser pathbar > button { + padding-left: 4px; + padding-right: 4px; +} + +filechooser pathbar > button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +filechooser pathbar > button.text-button.image-button label:last-child, filechooser pathbar > button label:last-child { + padding-right: 8px; +} + +filechooser pathbar > button.text-button.image-button label:first-child, filechooser pathbar > button label:first-child { + padding-left: 8px; +} + +filechooser pathbar > button image { + padding-left: 4px; + padding-right: 4px; +} + +filechooser pathbar > button.slider-button { + padding-left: 0; + padding-right: 0; +} + +headerbar { + padding: 0 6px; + min-height: 40px; + border-width: 0 0 1px; + border-style: solid; + border-color: #070707; + background-image: linear-gradient(to top, #262626, #2b2b2b); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + /* Darken switchbuttons for headerbars. issue #1588 */ +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar:backdrop { + border-color: #1b1b1b; + background-image: linear-gradient(to top, #353535, #353535); + transition: 200ms ease-out; +} + +headerbar:backdrop > windowhandle { + filter: opacity(0.5); + transition: 200ms ease-out; +} + +headerbar stackswitcher > button:active, +headerbar stackswitcher > button:checked, { + background: image(#1e1e1e); + border-color: #141414; + border-top-color: #070707; +} + +headerbar.default-decoration { + min-height: 28px; + padding: 4px; +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; +} + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar menubutton > button { + margin-top: 0px; + margin-bottom: 0px; +} + +headerbar switch { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar button.color { + min-width: 22px; + min-height: 14px; +} + +.titlebar:not(headerbar) separator { + background-color: #1b1b1b; +} + +/********************* + * GtkWindowControls * + *********************/ +windowcontrols { + border-spacing: 6px; +} + +windowcontrols button { + border-radius: 9999px; + padding: 5px; + margin: 0px; + min-width: 0; + min-height: 0; +} + +/****************** + * AdwWindowTitle * + ******************/ +headerbar .title, +windowtitle .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; +} + +headerbar .subtitle, +windowtitle .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +window.devel headerbar { + background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(173, 127, 168, 0.1)), linear-gradient(to top, #262626, #2b2b2b); +} + +window.devel headerbar:backdrop { + background: #353535 cross-fade(5% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, transparent), linear-gradient(to top, #353535, #353535); +} + +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(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +label:disabled { + filter: opacity(0.5); +} + +label.error { + color: #cc0000; +} + +.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, +entry > text > placeholder, headerbar .subtitle, +windowtitle .subtitle, label.separator { + opacity: 0.55; +} + +/********************** + * General Typography * + **********************/ +.large-title { + font-weight: 300; + font-size: 200%; +} + +.title-1 { + font-weight: 800; + font-size: 166.6667%; +} + +.title-2 { + font-weight: 800; + font-size: 125%; +} + +.title-3 { + font-weight: 700; + font-size: 125%; +} + +.title-4 { + font-weight: 700; + font-size: 108.3333%; +} + +.heading { + font-weight: 700; + font-size: 100%; +} + +.body { + font-weight: 400; + font-size: 100%; +} + +.caption-heading { + font-weight: 700; + font-size: 75%; +} + +.caption { + font-weight: 400; + font-size: 75%; +} + +.monospace { + font-family: monospace; +} + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + color: white; + border-color: #1b1b1b; + background-color: #2d2d2d; +} + +levelbar:disabled { + filter: opacity(0.5); +} + +levelbar.horizontal trough > block { + min-height: 11px; + border-radius: 6px; +} + +levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 6px 6px 0; +} + +levelbar.horizontal trough > block:dir(ltr) { + border-radius: 6px 0 0 6px; +} + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 6px; +} + +levelbar.horizontal.discrete > trough > block { + min-height: 4px; + margin: 1px; + min-width: 26px; + border-radius: 0; +} + +levelbar.horizontal.discrete > trough > block:first-child { + border-radius: 2px 0 0 2px; +} + +levelbar.horizontal.discrete > trough > block:last-child { + border-radius: 0 2px 2px 0; +} + +levelbar.vertical trough > block { + min-width: 11px; + border-radius: 6px 6px 0 0; +} + +levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { + border-radius: 6px; +} + +levelbar.vertical.discrete > trough > block { + min-width: 4px; + margin: 1px; + min-height: 26px; + border-radius: 0; +} + +levelbar.vertical.discrete > trough > block:first-child { + border-radius: 2px 2px 0 0; +} + +levelbar.vertical.discrete > trough > block:last-child { + border-radius: 0 0 2px 2px; +} + +levelbar > trough { + padding: 0; +} + +levelbar > trough > block.low { + background-color: #e5a50a; +} + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + background-color: #A06EA8; +} + +levelbar > trough > block.full { + background-color: #2ec27e; +} + +levelbar > trough > block.empty { + background-color: alpha(currentColor,0.15); +} + +.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical button:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical button:not(:last-child) { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical menubutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical menubutton:not(:last-child) > button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical dropdown:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical dropdown:not(:last-child) > button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical colorbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical colorbutton:not(:last-child) > button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical fontbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical fontbutton:not(:last-child) > button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical combobox:not(:last-child) > box > button.combo { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical spinbutton.vertical > text:not(:first-child), .linked.vertical spinbutton:not(:first-child):not(.vertical) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical spinbutton.vertical > text:not(:last-child), .linked.vertical spinbutton:not(:last-child):not(.vertical) { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical entry:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical entry:not(:last-child) { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +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: #282828; +} + +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: #282828; +} + +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: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + button, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked:not(.vertical) > entry:drop(active):not(:only-child) + button { + border-left-color: #2ec27e; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > entry:drop(active):not(:only-child) + button { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, .linked:not(.vertical) > entry:drop(active):not(:only-child) + menubutton > button { + border-left-color: #2ec27e; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, .linked:not(.vertical) > entry:drop(active):not(:only-child) + dropdown > button { + border-left-color: #2ec27e; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, .linked:not(.vertical) > entry:drop(active):not(:only-child) + colorbutton > button { + border-left-color: #2ec27e; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, .linked:not(.vertical) > entry:drop(active):not(:only-child) + fontbutton > button { + border-left-color: #2ec27e; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #2ec27e; +} + +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, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active):not(:only-child) + appchooserbutton > combobox > box > button.combo { + border-left-color: #2ec27e; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + appchooserbutton > combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + appchooserbutton > combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + appchooserbutton > combobox > box > button.combo { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active):not(:only-child) + text, .linked:not(.vertical) > entry:drop(active):not(:only-child) + spinbutton:not(.vertical) { + border-left-color: #2ec27e; +} + +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 > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical) { + border-top-color: #2ec27e; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active):not(:only-child) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active):not(:only-child) + entry { + border-left-color: #2ec27e; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > entry:drop(active):not(:only-child) + entry { + border-top-color: #2ec27e; +} + +button.link, +link { + color: #AD7FA8; + text-decoration: underline; +} + +button.link:visited, +link:visited { + color: #75507B; +} + +button.link:hover, +link:hover { + color: #A06EA8; +} + +button.link:active, +link:active { + color: #5c3566; +} + +button.link:disabled, +link:disabled { + color: rgba(173, 173, 173, 0.8); +} + +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(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +button.link > label { + text-decoration: underline; +} + +listview, +list { + color: white; + background-color: #2d2d2d; + border-color: #1b1b1b; +} + +listview > row, +list > row { + padding: 2px; +} + +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 #545453; +} + +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 #545453; +} + +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-visible:focus-within { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +row.activatable.has-open-popup, row.activatable:hover { + background-color: alpha(currentColor,0.07); +} + +row.activatable:active { + background-color: alpha(currentColor,0.16); +} + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: alpha(currentColor,0.13); +} + +row.activatable:selected:active { + background-color: alpha(currentColor,0.16); +} + +row:selected { + background-color: alpha(currentColor,0.1); +} + +row:disabled { + color: alpha(currentColor,0.55); +} + +/******************************************************* + * 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 */ +} + +.rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row > box { + border-spacing: 12px; +} + +/**************** + * AdwActionRow * + ****************/ +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + min-height: 50px; +} + +row > box.header > box.title { + margin-top: 8px; + margin-bottom: 8px; +} + +/*************** + * AdwComboRow * + ***************/ +popover.background.combo > contents { + padding: 0px; +} + +popover.background.combo > contents list, popover.background.combo > contents listview { + border-style: none; + background-color: transparent; + min-width: 200px; +} + +popover.background.combo > contents list > row, popover.background.combo > contents listview > row { + padding: 0px 12px 0px 12px; + min-height: 50px; + border-bottom: 1px solid rgba(27, 27, 27, 0.5); +} + +popover.background.combo > contents list > row:first-child, popover.background.combo > contents listview > row:first-child { + border-top-left-radius: 7px; + border-top-right-radius: 7px; +} + +popover.background.combo > contents list > row:last-child, popover.background.combo > contents listview > row:last-child { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; + border-bottom: none; +} + +popover.background.combo > contents scrollbar.vertical { + padding-top: 2px; + padding-bottom: 2px; +} + +listview.inline { + background: none; +} + +/****************** + * AdwExpanderRow * + ******************/ +row.expander { + background-color: transparent; + padding: 0px; +} + +row.expander list.nested > row { + background-color: rgba(53, 53, 53, 0.5); + border-color: rgba(27, 27, 27, 0.7); + border-style: solid; + border-width: 1px 0px 0px 0px; +} + +row.expander image.expander-row-arrow { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(-0.25turn); +} + +row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(0.25turn); +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #A06EA8; +} + +row.expander image.expander-row-arrow:disabled { + color: #919190; +} + +/***************** + * Content Lists * + *****************/ +list.content, +list.content list, +listview.content, +listview.content list { + background-color: transparent; +} + +list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected), +listview.content list.nested > row:not(:active):not(:hover):not(:selected), +listview.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { + background-color: #313131; +} + +list.content list.nested > row:not(:active):hover.activatable:not(:selected), +listview.content list.nested > row:not(:active):hover.activatable:not(:selected) { + background-color: #373737; +} + +list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected), +listview.content > row:not(.expander):not(:active):not(:hover):not(:selected), +listview.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), +listview.content > row.expander row.header:not(:active):not(:hover):not(:selected), +listview.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { + background-color: #2d2d2d; +} + +list.content > row:not(.expander):hover.activatable:not(:selected), list.content > row.expander row.header:hover.activatable:not(:selected), +listview.content > row:not(.expander):hover.activatable:not(:selected), +listview.content > row.expander row.header:hover.activatable:not(:selected) { + background-color: #373737; +} + +list.content > row:not(.expander):hover.activatable:not(:selected):active, list.content > row.expander row.header:hover.activatable:not(:selected):active, +listview.content > row:not(.expander):hover.activatable:not(:selected):active, +listview.content > row.expander row.header:hover.activatable:not(:selected):active { + background-color: #404040; +} + +list.content > row, +list.content > row list > row, +listview.content > row, +listview.content > row list > row { + border-color: rgba(27, 27, 27, 0.7); + border-style: solid; + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +list.content > row:not(:last-child), +listview.content > row:not(:last-child) { + border-width: 1px 1px 0px 1px; +} + +list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header, +listview.content > row:first-child, +listview.content > row.expander:first-child row.header, +listview.content > row.expander:checked, +listview.content > row.expander:checked row.header, +listview.content > row.expander:checked + row, +listview.content > row.expander:checked + row.expander row.header { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, +listview.content > row:last-child, +listview.content > row.checked-expander-row-previous-sibling, +listview.content > row.expander:checked { + border-width: 1px; +} + +list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child, +listview.content > row:last-child, +listview.content > row.checked-expander-row-previous-sibling, +listview.content > row.expander:checked, +listview.content > row.expander:not(:checked):last-child row.header, +listview.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, +listview.content > row.expander.empty:checked row.header, +listview.content > row.expander list.nested > row:last-child { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row, +listview.content > row.expander:checked:not(:first-child), +listview.content > row.expander:checked + row { + margin-top: 6px; +} + +popover.menu { + padding: 0; +} + +popover.menu box.inline-buttons { + padding: 0 12px; +} + +popover.menu box.inline-buttons button.image-button.model { + 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(alpha(currentColor,0.1)); +} + +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: alpha(currentColor,0.1); + border-color: alpha(currentColor,0.1); +} + +popover.menu > arrow, popover.menu.background > contents { + background-color: #2d2d2d; + padding: 5px; +} + +popover.menu.background separator { + margin: 4px 0; +} + +popover.menu accelerator { + color: alpha(currentColor,0.55); +} + +popover.menu accelerator:dir(ltr) { + margin-left: 12px; +} + +popover.menu accelerator:dir(rtl) { + margin-right: 12px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:hover:active, popover.menu check:checked, popover.menu check:disabled, +popover.menu radio, +popover.menu radio:hover, +popover.menu radio:hover:active, +popover.menu radio:checked, +popover.menu radio:disabled { + background: none; + color: white; + box-shadow: none; + -gtk-icon-shadow: none; +} + +popover.menu check:disabled, +popover.menu radio:disabled { + filter: opacity(0.5); +} + +popover.menu check, popover.menu check:hover, popover.menu check:hover:active, popover.menu check:checked, popover.menu check:disabled { + border-color: transparent; +} + +popover.menu radio { + padding: 0; +} + +popover.menu radio, popover.menu radio:hover, popover.menu radio:hover:active, popover.menu radio:checked { + border: 1px solid rgba(255, 255, 255, 0.3); +} + +popover.menu check.left, +popover.menu radio.left, +popover.menu arrow.left { + margin-left: -2px; + margin-right: 6px; +} + +popover.menu check.right, +popover.menu radio.right, +popover.menu arrow.right { + margin-left: 6px; + margin-right: -2px; +} + +popover.menu modelbutton { + min-height: 26px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; +} + +popover.menu modelbutton:hover, popover.menu modelbutton:selected { + color: white; + background-color: alpha(currentColor,0.1); +} + +popover.menu modelbutton:hover:active, popover.menu modelbutton:selected:active { + background-color: alpha(currentColor,0.16); +} + +popover.menu modelbutton arrow { + background: none; + min-width: 16px; + min-height: 16px; + opacity: 1.0; +} + +popover.menu modelbutton arrow:hover { + background: none; +} + +popover.menu modelbutton arrow:disabled { + filter: opacity(0.5); +} + +popover.menu modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +popover.menu modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +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 > item { + min-height: 16px; + padding: 4px 8px; + border-radius: 5px; +} + +menubar > item:selected { + background-color: alpha(currentColor,0.1); +} + +menubar > item:disabled { + color: #919190; + box-shadow: none; +} + +menubar > item popover.menu.background > contents { + padding: 5px; +} + +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; +} + +window.dialog.message .titlebar { + min-height: 20px; + background: none; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); +} + +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 .dialog-action-area { + margin: 0; + border-spacing: 0; +} + +window.dialog.message.csd .dialog-action-area > button { + padding: 6px 8px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; +} + +window.dialog.message.csd .dialog-action-area > button:first-child { + border-bottom-left-radius: 9px; + border-left: none; +} + +window.dialog.message.csd .dialog-action-area > button:last-child { + border-bottom-right-radius: 9px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid #1b1b1b; +} + +frame { + border-radius: 8px; +} + +frame > label { + margin: 4px; +} + +/************** + * Separators * + **************/ +separator { + background: #282828; + min-width: 1px; + min-height: 1px; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + padding: 10px; + border-spacing: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(38, 38, 38, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; +} + +.app-notification border { + border: none; +} + +/************** + * GtkVideo * + **************/ +video { + background: black; +} + +video .osd { + padding: 5px 6px; + border-radius: 0; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 99px; +} + +/**************** + * GtkStatusBar * + ****************/ +statusbar { + padding: 6px 10px 6px 10px; +} + +/***************** + * AdwStatusPage * + *****************/ +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor,0.5); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 150%; +} + +notebook { + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; +} + +notebook > header > tabs > tab:checked { + outline: 0 solid transparent; + outline-offset: 4px; +} + +notebook:focus:focus-visible > header > tabs > tab:checked { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +notebook > header { + padding: 1px; + border-color: #1b1b1b; + border-width: 1px; + background-color: #282828; +} + +notebook > header > tabs { + margin: -1px; +} + +notebook > header.top { + border-bottom-style: solid; +} + +notebook > header.top > tabs { + margin-bottom: -2px; +} + +notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -4px alpha(currentColor,0.2); +} + +notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -4px #A06EA8; +} + +notebook > header.bottom { + border-top-style: solid; +} + +notebook > header.bottom > tabs { + margin-top: -2px; +} + +notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 4px alpha(currentColor,0.2); +} + +notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 4px #A06EA8; +} + +notebook > header.left { + border-right-style: solid; +} + +notebook > header.left > tabs { + margin-right: -2px; +} + +notebook > header.left > tabs > tab:hover { + box-shadow: inset -4px 0 alpha(currentColor,0.2); +} + +notebook > header.left > tabs > tab:checked { + box-shadow: inset -4px 0 #A06EA8; +} + +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 alpha(currentColor,0.2); +} + +notebook > header.right > tabs > tab:checked { + box-shadow: inset 4px 0 #A06EA8; +} + +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.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.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.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:hover:not(:active) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; +} + +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: 28px; + min-width: 28px; + padding: 1px 10px; + color: #eeeeec; + font-weight: normal; + border-width: 1px; + border-color: transparent; +} + +notebook > header > tabs > tab:hover { + color: #eeeeec; + background-color: alpha(currentColor,0.07); +} + +notebook > header > tabs > tab:hover.reorderable-page { + border-color: rgba(27, 27, 27, 0.3); + background-color: rgba(53, 53, 53, 0.2); +} + +notebook > header > tabs > tab:not(:checked) { + outline-color: transparent; +} + +notebook > header > tabs > tab:checked { + color: #eeeeec; +} + +notebook > header > tabs > tab:checked.reorderable-page { + border-color: rgba(27, 27, 27, 0.5); + background-color: rgba(53, 53, 53, 0.5); +} + +notebook > header > tabs > tab:checked.reorderable-page:hover { + background-color: rgba(53, 53, 53, 0.7); +} + +notebook > header > tabs > tab button.flat { + color: alpha(currentColor,0.3); + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 18px; + min-height: 18px; +} + +notebook > header > tabs > tab button.flat:hover { + color: currentColor; +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; +} + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: -1px; +} + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: -1px; +} + +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { + margin-left: 4px; + margin-right: 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 > tabs > tab { + padding-bottom: 4px; +} + +notebook > header.bottom > tabs > tab { + padding-top: 4px; +} + +notebook > stack:not(:only-child) { + background-color: #2d2d2d; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#1b1b1b); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: image(#A06EA8); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #353535; + background-image: image(#1b1b1b), image(#1b1b1b); + background-size: 1px 1px, 1px 1px; +} + +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; +} + +popover.background { + background-color: transparent; + font: initial; +} + +popover.background > arrow, +popover.background > contents { + background-color: #2d2d2d; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +popover.background > contents { + padding: 8px; + border-radius: 9px; +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + background-color: transparent; +} + +popover.background > contents separator { + background-color: #232323; + margin: 3px; +} + +popover.background > contents list separator { + margin: 0; +} + +.osd popover.background.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; +} + +.osd popover.background.background > arrow, +.osd popover.background.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; +} + +window.preferences > contents > leaflet > box > stack > stack > scrolledwindow > viewport > clamp > list, +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 0 12px; + transition: margin-bottom 200ms ease, margin-top 200ms ease, border-spacing 200ms ease; +} + +window.preferences > contents > leaflet > box > stack > stack > scrolledwindow > viewport > clamp > list.small, +preferencespage > scrolledwindow > viewport > clamp > box.small { + margin-top: 18px; + margin-bottom: 18px; + border-spacing: 18px; +} + +window.preferences > contents > leaflet > box > stack > stack > scrolledwindow > viewport > clamp > list.medium, +preferencespage > scrolledwindow > viewport > clamp > box.medium { + margin-top: 24px; + margin-bottom: 24px; + border-spacing: 24px; +} + +window.preferences > contents > leaflet > box > stack > stack > scrolledwindow > viewport > clamp > list.large, +preferencespage > scrolledwindow > viewport > clamp > box.large { + margin-top: 30px; + margin-bottom: 30px; + border-spacing: 30px; +} + +preferencesgroup > box > label:not(:first-child) { + margin-top: 6px; +} + +preferencesgroup > box > box:not(:first-child) { + margin-top: 12px; +} + +progressbar { + font-size: smaller; + color: rgba(238, 238, 236, 0.4); + font-feature-settings: "tnum"; +} + +progressbar.horizontal > trough { + min-width: 150px; +} + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { + min-height: 4px; +} + +progressbar.vertical > trough { + min-height: 80px; +} + +progressbar.vertical > trough, progressbar.vertical > trough > progress { + min-width: 4px; +} + +progressbar:disabled { + filter: opacity(0.5); +} + +progressbar > trough { + border-radius: 3px; + background-color: alpha(currentColor,0.38); +} + +progressbar > trough > progress { + /* share most of scales' */ + border-radius: 1.5px; +} + +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 > trough.empty > progress { + all: unset; +} + +scale > trough > fill, scale > trough { + border-radius: 3px; + background-color: alpha(currentColor,0.15); +} + +scale > trough > highlight, progressbar > trough > progress { + border-radius: 3px; + background-color: #A06EA8; +} + +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(173, 127, 168, 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 > slider { + background-color: #d5d5d5; + box-shadow: 0 2px rgba(0, 0, 0, 0.1); + outline: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; + min-width: 20px; + min-height: 20px; + margin: -8px; +} + +scale:hover > trough { + background-color: alpha(currentColor,0.2); +} + +scale:hover > trough > highlight { + background-color: #75507B; +} + +scale:hover > trough > slider { + background-color: white; +} + +scale:disabled { + filter: opacity(0.5); +} + +scale:disabled > trough > slider { + box-shadow: 0 2px 4px transparent; + outline-color: rgba(0, 0, 0, 0.2); +} + +scale.fine-tune { + padding: 9px; +} + +scale.fine-tune.horizontal { + min-height: 16px; +} + +scale.fine-tune.vertical { + min-width: 16px; +} + +scale.fine-tune > trough > slider { + margin: -5px; +} + +scale.fine-tune > trough > fill, +scale.fine-tune > trough > highlight, scale.fine-tune > trough { + border-radius: 5px; +} + +scale > value { + color: alpha(currentColor,0.55); + font-feature-settings: "tnum"; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(45deg); + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); +} + +scale.horizontal > marks { + color: alpha(currentColor,0.55); +} + +scale.horizontal > marks.top { + margin-bottom: 6px; +} + +scale.horizontal > marks.bottom { + margin-top: 6px; +} + +scale.horizontal > marks indicator { + background-color: currentColor; + min-height: 6px; + min-width: 1px; +} + +scale.horizontal > value.left { + margin-right: 9px; +} + +scale.horizontal > value.right { + margin-left: 9px; +} + +scale.horizontal.fine-tune > marks.top { + margin-top: 3px; +} + +scale.horizontal.fine-tune > marks.bottom { + margin-bottom: 3px; +} + +scale.horizontal.fine-tune > marks indicator { + min-height: 3px; +} + +scale.horizontal.marks-before > trough > slider { + border-top-left-radius: 0; +} + +scale.horizontal.marks-after > trough > slider { + border-bottom-right-radius: 0; +} + +scale.horizontal.marks-before.marks-after > trough > slider { + border-radius: 100%; +} + +scale.vertical > marks { + color: alpha(currentColor,0.55); +} + +scale.vertical > marks.top { + margin-right: 6px; +} + +scale.vertical > marks.bottom { + margin-left: 6px; +} + +scale.vertical > marks indicator { + background-color: currentColor; + min-height: 1px; + min-width: 6px; +} + +scale.vertical > value.top { + margin-bottom: 9px; +} + +scale.vertical > value.bottom { + margin-top: 9px; +} + +scale.vertical.fine-tune > marks.top { + margin-left: 3px; +} + +scale.vertical.fine-tune > marks.bottom { + margin-right: 3px; +} + +scale.vertical.fine-tune > marks indicator { + min-height: 3px; +} + +scale.vertical.marks-before > trough > slider { + border-bottom-left-radius: 0; +} + +scale.vertical.marks-after > trough > slider { + border-top-right-radius: 0; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color > trough { + background-image: image(#1b1b1b); + background-repeat: no-repeat; +} + +scale.color.horizontal { + padding: 0 0 15px 0; +} + +scale.color.horizontal > trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl) { + margin-bottom: -15px; + margin-top: 6px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; +} + +scale.color.vertical:dir(ltr) > trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider { + margin-left: -15px; + margin-right: 6px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; +} + +scale.color.vertical:dir(rtl) > trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -15px; + margin-left: 6px; +} + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { + padding: 0 0 12px 0; +} + +scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { + padding-bottom: 7px; + background-position: 0 -6px; +} + +scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { + margin-bottom: -15px; + margin-top: 6px; +} + +scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.fine-tune.vertical:dir(ltr) > trough { + padding-left: 7px; + background-position: 6px 0; +} + +scale.color.fine-tune.vertical:dir(ltr) > trough > slider { + margin-left: -15px; + margin-right: 6px; +} + +scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.fine-tune.vertical:dir(rtl) > trough { + padding-right: 7px; + background-position: -6px 0; +} + +scale.color.fine-tune.vertical:dir(rtl) > trough > slider { + margin-right: -15px; + margin-left: 6px; +} + +scrollbar { + background-color: #313131; + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +scrollbar.top { + border-bottom: 1px solid #1b1b1b; +} + +scrollbar.bottom { + border-top: 1px solid #1b1b1b; +} + +scrollbar.left { + border-right: 1px solid #1b1b1b; +} + +scrollbar.right { + border-left: 1px solid #1b1b1b; +} + +scrollbar > range > trough > slider { + min-width: 8px; + min-height: 8px; + margin: -1px; + border: 4px solid transparent; + border-radius: 10px; + background-clip: padding-box; + background-color: #a4a4a3; + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +scrollbar > range > trough > slider:hover { + background-color: #c9c9c7; +} + +scrollbar > range > trough > slider:hover:active { + background-color: #418ce6; +} + +scrollbar > range > trough > slider:disabled { + background-color: transparent; +} + +scrollbar > range.fine-tune > trough > slider { + transition: none; + min-width: 6px; + min-height: 6px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + border-width: 5px 4px; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #eeeeec; + border: 1px solid black; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + margin: 0 2px; + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + margin: 2px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; +} + +scrollbar.horizontal > range > trough > slider { + min-width: 40px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 40px; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 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-image: radial-gradient(farthest-side at left, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 3% 100%, 50% 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, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > junction { + background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); +} + +scrolledwindow > junction:dir(rtl) { + background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +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: #eeeeec; + background-color: #2d2d2d; + border: 1px solid; + border-color: #1b1b1b; + border-radius: 5px; + box-shadow: inset 0 -3px #222222; + font-size: smaller; +} + +stackswitcher > button.text-button { + min-width: 6.25em; +} + +stackswitcher.circular { + border-spacing: 12px; +} + +stackswitcher.circular > button.circular, +stackswitcher.circular > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; +} + +.sidebar { + background-color: #313131; +} + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + border-right: 1px solid #1b1b1b; + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid #1b1b1b; + border-right-style: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 10px 4px; + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; +} + +stacksidebar row { + outline: 0 solid transparent; + outline-offset: 4px; +} + +stacksidebar row:focus:focus-visible { + outline-color: rgba(173, 127, 168, 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; +} + +separator.sidebar { + background-color: #1b1b1b; +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 5px 0; +} + +.navigation-sidebar > separator { + margin: 5px; +} + +.navigation-sidebar > row { + min-height: 30px; + padding: 0 4px; + border-radius: 5px; + margin: 0 5px 2px; +} + +/******************** + * GtkPlacesSidebar * + ********************/ +row image.sidebar-icon { + opacity: 0.7; +} + +/* this should be more generic, only using .navigation-sidebar + https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 +*/ +placessidebar .navigation-sidebar > row { + padding: 0; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 14px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +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%; +} + +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(#2ec27e); + background-clip: content-box; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #A06EA8; +} + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { + color: #2ec27e; + box-shadow: inset 0 0 0 1px #2ec27e; +} + +@keyframes spin { + to { + transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +spinbutton { + font-feature-settings: "tnum"; +} + +spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; + /* :not here just to bump specificity above that of the list button styling */ +} + +spinbutton:not(.vertical) > text { + min-width: 28px; + padding: 6px; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), +spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #dbdbd9; + background-image: none; + border-style: none none none solid; + border-color: rgba(27, 27, 27, 0.3); + border-radius: 0; + box-shadow: none; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), +spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #eeeeec; + background-color: #282828; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(145, 145, 144, 0.3); + background-color: transparent; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 5px 5px 0; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 5px 0 0 5px; +} + +spinbutton.vertical:disabled { + color: #919190; +} + +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 > block-cursor { + color: #2d2d2d; + background-color: white; +} + +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.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +switch { + border-radius: 14px; + padding: 2px; + 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); + background-color: alpha(currentColor,0.15); + color: #eeeeec; + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; +} + +switch:hover { + background-color: alpha(currentColor,0.2); +} + +switch:hover:active { + background-color: alpha(currentColor,0.25); +} + +switch > image { + color: transparent; +} + +switch { + outline: 0 solid transparent; + outline-offset: 5px; +} + +switch:focus:focus-visible { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: 1px; +} + +switch:disabled { + filter: opacity(0.5); +} + +switch > slider { + min-width: 20px; + min-height: 20px; + border-radius: 99px; + background-color: #d5d5d5; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); +} + +switch > slider:disabled { + box-shadow: 0 2px 4px transparent; +} + +switch:hover > slider { + background: white; +} + +switch:checked { + color: #ffffff; + background-color: #A06EA8; +} + +switch:checked:hover { + background-color: #75507B; +} + +switch:checked:hover:active { + background-color: #165aad; +} + +switch:checked > slider { + background-color: white; +} + +tabbar .box { + min-height: 32px; + background: #1e1e1e; + border-bottom: 1px solid #070707; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid #070707; +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox:dir(ltr) { + box-shadow: inset -1px 0 #070707; +} + +tabbar scrolledwindow.pinned tabbox:dir(rtl) { + box-shadow: inset 1px 0 #070707; +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, rgba(173, 127, 168, 0.7), rgba(173, 127, 168, 0.5) 1px, rgba(173, 127, 168, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, rgba(173, 127, 168, 0.7), rgba(173, 127, 168, 0.5) 1px, rgba(173, 127, 168, 0) 20px); +} + +tabbar tab { + border-style: solid; + border-color: #070707; + border-width: 0 1px 0 1px; + transition: background 150ms ease-in-out, 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); + background-color: #262626; + transition-property: outline, outline-width, outline-offset, outline-color; + transition-duration: 300ms; + animation-timing-function: ease-in-out; +} + +tabbar tab { + outline: 0 solid transparent; + outline-offset: 4px; +} + +tabbar tab:focus:focus-visible { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +tabbar tab:checked { + background-color: #353535; +} + +tabbar tab:checked:hover { + background-color: #3c3c3c; +} + +tabbar tab:hover { + background-color: #2d2d2d; +} + +tabbar .start-action, +tabbar .end-action { + background: #262626; + border-color: #070707; + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +dnd tab { + min-height: 24px; + background-color: #3c3c3c; + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75); + outline: 1px solid rgba(255, 255, 255, 0.1); + outline-offset: -1px; + margin: 23px; +} + +tabbar tab, +dnd tab { + padding: 4px; +} + +tabbar tab.needs-attention, +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(173, 127, 168, 0.2) 15%, rgba(173, 127, 168, 0) 15%); +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 22px; + min-height: 22px; + border-radius: 99px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +cursor-handle { + all: unset; + padding: 24px 20px; +} + +cursor-handle > contents { + min-width: 20px; + min-height: 20px; + border-radius: 50%; + background-color: #A06EA8; +} + +cursor-handle.top > contents { + border-top-right-radius: 0; +} + +cursor-handle.bottom > contents { + border-top-left-radius: 0; + transform: translateX(1px); +} + +cursor-handle.insertion-cursor > contents { + border-top-left-radius: 0; + transform: translateX(1px) translateY(4px) rotate(45deg); +} + +magnifier { + background-color: #2d2d2d; +} + +.toolbar { + padding: 2px; + border-spacing: 2px; + background-color: #353535; +} + +.osd .toolbar { + background-color: transparent; +} + +.toolbar.osd { + padding: 14px; + border: none; + border-radius: 5px; + background-color: rgba(38, 38, 38, 0.7); +} + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.toolbar.horizontal > separator { + margin: 5px 0; +} + +.toolbar.vertical > separator { + margin: 0 5px; +} + +.osd { + padding: 14px; + border: none; + border-radius: 5px; + background-color: rgba(38, 38, 38, 0.7); +} + +.osd.left, .osd.right, .osd.top, .osd.bottom { + border-radius: 0; +} + +/**************** + * GtkSearchBar * + ****************/ +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-width: 0 0 1px; + border-style: solid; + border-color: #1b1b1b; + background-color: #2d2d2d; +} + +searchbar > revealer > box .close { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; +} + +/**************** + * GtkActionBar * + ****************/ +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #1b1b1b; +} + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { + border-spacing: 6px; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 8px; + border-spacing: 12px; + box-shadow: inset 0 -1px alpha(currentColor,0.1); +} + +infobar.action:hover > revealer > box { + background-image: image(alpha(currentColor,0.05)); +} + +infobar.action:hover:active > revealer > box { + background-image: image(alpha(currentColor,0.1)); +} + +infobar.info > revealer > box { + background-color: mix(#A06EA8,#2d2d2d,0.7); +} + +infobar.question > revealer > box { + background-color: mix(#A06EA8,#2d2d2d,0.7); +} + +infobar.warning > revealer > box { + background-color: mix(#e5a50a,#2d2d2d,0.7); +} + +infobar.error > revealer > box { + background-color: mix(#cc0000,#2d2d2d,0.7); +} + +infobar .close { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; +} + +tooltip { + padding: 6px 10px; + border-radius: 8px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; +} + +tooltip.csd { + border-radius: 5px; + box-shadow: none; +} + +tooltip > box { + border-spacing: 6px; +} + +flap > dimming, +leaflet > dimming { + background: rgba(0, 0, 0, 0.24); +} + +flap > border, +leaflet > border { + min-width: 1px; + min-height: 1px; + background: rgba(0, 0, 0, 0.2); +} + +flap > shadow, +leaflet > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); +} + +flap > outline, +leaflet > outline { + min-width: 1px; + min-height: 1px; + background: rgba(255, 255, 255, 0.05); +} + +columnview.view, +treeview.view { + border-left-color: #545453; + border-top-color: #545453; + 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(173, 127, 168, 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; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 2px; + color: #545453; +} + +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: #2ec27e; +} + +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: rgba(255, 255, 255, 0.7); +} + +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: white; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: alpha(currentColor,0.5); +} + +columnview.view.progressbar, +treeview.view.progressbar { + box-shadow: none; +} + +columnview.view.progressbar, columnview.view.progressbar:selected, +treeview.view.progressbar, +treeview.view.progressbar:selected { + background-color: #A06EA8; + color: #ffffff; +} + +columnview.view.trough, +treeview.view.trough { + background-color: rgba(238, 238, 236, 0.1); +} + +columnview.view > header > button, +treeview.view > header > button { + color: #8e8e8d; + background-color: #2d2d2d; + font-weight: bold; + box-shadow: none; +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover { + color: #bebebd; + box-shadow: none; + transition: none; +} + +columnview.view > header > button:active, +treeview.view > header > button:active { + color: #eeeeec; + transition: none; +} + +columnview.view > header > button sort-indicator, +treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; +} + +columnview.view > header > button sort-indicator.ascending, +treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +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: #2d2d2d; + background-image: none; + background-color: #A06EA8; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #2d2d2d; + transition: none; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #424242; +} + +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: #545453; + border-radius: 0; +} + +columnview.view > header > button:disabled, +treeview.view > header > button:disabled { + border-color: #353535; + background-image: none; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview > listview > row { + padding: 0; +} + +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: #545453; +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(173, 127, 168, 0.7); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #A06EA8; +} + +treeexpander { + border-spacing: 4px; +} + +.view, +iconview, +textview > text { + color: white; + background-color: #2d2d2d; +} + +.view:disabled, +iconview:disabled, +textview > text:disabled { + color: #919190; + background-color: #323232; +} + +.view:selected:focus, .view:selected, +iconview:selected, +textview > text:selected { + background-color: alpha(currentColor,0.1); + border-radius: 3px; +} + +textview > border { + background-color: #313131; +} + +textview:drop(active) { + caret-color: #2ec27e; +} + +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(173, 127, 168, 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: #2ec27e; +} + +rubberband { + border: 1px solid #A06EA8; + background-color: rgba(173, 127, 168, 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 { + outline: 0 solid transparent; + outline-offset: 4px; +} + +flowbox > flowboxchild:focus:focus-visible { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +flowbox > flowboxchild:selected { + background-color: alpha(currentColor,0.1); +} + +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 { + outline: 0 solid transparent; + outline-offset: 4px; +} + +gridview > child:focus:focus-visible { + outline-color: rgba(173, 127, 168, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +gridview > child:selected { + background-color: alpha(currentColor,0.1); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +.content-view { + background-color: #232323; +} + +viewswitcher, viewswitcher button { + margin: 0; + padding: 0; +} + +viewswitcher button { + border-radius: 0; + border-top: none; + border-bottom: none; + font-size: 1rem; +} + +viewswitcher button > stack > box.narrow { + font-size: 0.75rem; + padding-top: 5px; + padding-bottom: 3px; +} + +viewswitcher button > stack > box.narrow > stack > label { + padding-left: 8px; + padding-right: 8px; + margin-top: -2px; + margin-bottom: 0px; +} + +viewswitcher button > stack > box.wide { + padding: 3px 12px; +} + +viewswitcher button > stack > box label.active { + font-weight: bold; +} + +/********************** + * AdwViewSwitcherBar * + **********************/ +viewswitcherbar actionbar > revealer > box { + padding: 0; + min-height: 40px; +} + +/************************ + * AdwViewSwitcherTitle * + ************************/ +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +/******************* + * AdwIndicatorBin * + *******************/ +indicatorbin > indicator, indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 100px; +} + +indicatorbin > indicator { + margin: 1px; + background: alpha(currentColor,0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; + font-feature-settings: "tnum"; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background: #A06EA8; +} + +indicatorbin.needs-attention > indicator > label { + color: #ffffff; +} + +window { + border-width: 0px; +} + +window.csd { + box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px rgba(0, 0, 0, 0.13), 0 3px 20px 10px rgba(0, 0, 0, 0.09), 0 6px 32px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 0px; + border-radius: 8px; + outline: 1px solid rgba(255, 255, 255, 0.1); + outline-offset: -1px; +} + +window.csd:backdrop { + box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.09), 0 2px 14px 5px rgba(0, 0, 0, 0.05), 0 4px 28px 12px rgba(0, 0, 0, 0.03), 0 6px 32px 16px transparent, 0 0 0 1px rgba(0, 0, 0, 0.75); + transition: 200ms ease-out; +} + +window.csd.dialog.message { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); +} + +window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { + border-radius: 0; + outline: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; +} + +window.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; +} + +window.csd.maximized, window.csd.fullscreen { + border-radius: 0; + outline: none; + box-shadow: none; + transition: none; +} + +window.solid-csd { + margin: 0; + padding: 4px; + border: solid 1px #1b1b1b; + border-radius: 0; + box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #2d2d2d; +} + +window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #353535; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +/* GNOME text editor */ +.org-gnome-TextEditor page searchbar { + background-clip: padding-box; + border-color: rgba(0, 0, 0, 0.75); +} + +.org-gnome-TextEditor listview row button { + border: 0; +} + +/* Clapper video player */ +.osdheaderbar { + padding: 0; +} + +.osdheaderbar button, .osdheaderbar button:hover, .osdheaderbar button:disabled { + box-shadow: none; +} + +/* Changes for Modern theme + (this should work, i guess) */ + +/* Settings for header/titlebar */ +.raven .raven-header.top, .titlebar:not(headerbar), headerbar { + padding: 0 6px; + min-height: 16px; + border-width: 0 0 1px; + border-style: solid; + border-color: #5c3566; + border-radius: 8px 8px 0 0; + background: linear-gradient(to top, #75507b, #8A5F91); + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); +} + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { + border-color: #202020; + background-color: #75507b; + background-image: none; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + transition: 200ms ease-out; +} + +.titlebar:not(headerbar) separator { + background: #5c3566 +} + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + min-height: 16px; + padding: 2px 4px; + border-radius: 8px 8px 0 0; +} + + +/* Settings for header/titlebar buttons */ + +button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 2px 2px; + border-radius: 5px; +} + +.raven .default-decoration.raven-header.top button.titlebutton, +headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + margin: 0; + padding: 2px 1px; +} + +button.titlebutton:not(.appmenu) { + border-radius: 5px; + padding: 1px; + margin: 0; + min-width: 16px; + min-height: 16px; +} + +button.titlebutton, .default-decoration.titlebar:not(headerbar) button.titlebutton, .incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.titlebutton { + padding: 1px; + border-color: #5c3566; + background: linear-gradient(180deg, #A06EA8, #8A5F91); +} + +titlebar button, headerbar button, .titlebar button.destructive-action, .titlebar .linked button, .titlebar button:first-child { + border-color: #5c3566; + background: linear-gradient(180deg, #A06EA8, #8A5F91); +} + +titlebar button:hover, headerbar button:hover, .titlebar button.destructive-action:hover, .titlebar .linked button:hover, .titlebar button:hover:first-child, .incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover { + border-color: #5c3566; + background: #A06EA8; +} + +titlebar button:hover:active, headerbar button:hover:active, .titlebar button.destructive-action:hover:active, .titlebar .linked button:hover:active, .titlebar button:hover:active:first-child, .incognito-mode headerbar button:hover:active, .incognito-mode actionbar button:hover:active { + border-color: #5c3566; + background: #75507b; +} + +titlebar button:checked, headerbar button:checked, .titlebar button.destructive-action:checked, .titlebar .linked button:checked, .titlebar button:checked:first-child, .incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked { + border-color: #5c3566; + background: #75507b; +} + +button.titlebutton:backdrop, .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar button:backdrop, .titlebar .linked button:backdrop, .titlebar button.suggested-action:backdrop, .titlebar button.destructive-action:backdrop { + background: #75507b; +} + +windowcontrols button { + border-radius: 5px; + padding: 2px; + min-width: 16px; + min-height: 16px; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; @@ -1823,53 +5444,13 @@ text foreground color of insensitive widgets */ insensitive text widgets and the like base background color */ @define-color insensitive_base_color #2d2d2d; /* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #919190; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #353535; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #A06EA8; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #5b5b5b; -/* widgets main borders color */ @define-color borders #1b1b1b; /* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #202020; -/* these are pretty self explicative */ -@define-color warning_color #f57900; +@define-color warning_color #e5a50a; @define-color error_color #cc0000; -@define-color success_color #26ab62; -/* -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(#eeeeec, 1.8); -@define-color wm_unfocused_title #919190; -@define-color wm_highlight rgba(0, 0, 0, 0); -@define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#353535, 1.2); -@define-color wm_bg_b #353535; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#353535, 1.3); -@define-color wm_button_hover_color_b #353535; -@define-color wm_button_active_color_a shade(#353535, 0.85); -@define-color wm_button_active_color_b shade(#353535, 0.89); -@define-color wm_button_active_color_c shade(#353535, 0.9); +@define-color success_color #2ec27e; /* content view background such as thumbnails view in Photos or Boxes */ @define-color content_view_bg #2d2d2d; /* Very contrasty background for text views (@theme_text_color foreground) */