diff --git a/.config/hypr/scripts/refresh.sh b/.config/hypr/scripts/refresh.sh
old mode 100644
new mode 100755
diff --git a/.config/hypr/scripts/swww.sh b/.config/hypr/scripts/swww.sh
old mode 100644
new mode 100755
diff --git a/.config/hypr/scripts/systemupdate.sh b/.config/hypr/scripts/systemupdate.sh
old mode 100644
new mode 100755
diff --git a/.config/hypr/scripts/wallpaper.sh b/.config/hypr/scripts/wallpaper.sh
old mode 100644
new mode 100755
diff --git a/.config/hypr/scripts/wallpaperselect.sh b/.config/hypr/scripts/wallpaperselect.sh
old mode 100644
new mode 100755
diff --git a/src/fonts/NotoSansCJK/NotoSansCJK-Regular.ttc b/src/fonts/NotoSansCJK/NotoSansCJK-Regular.ttc
new file mode 100644
index 00000000..a2033d0e
Binary files /dev/null and b/src/fonts/NotoSansCJK/NotoSansCJK-Regular.ttc differ
diff --git a/src/fonts/OTF/Font Awesome 6 Brands-Regular-400.otf b/src/fonts/OTF/Font Awesome 6 Brands-Regular-400.otf
new file mode 100644
index 00000000..f09f7507
Binary files /dev/null and b/src/fonts/OTF/Font Awesome 6 Brands-Regular-400.otf differ
diff --git a/src/fonts/OTF/Font Awesome 6 Free-Regular-400.otf b/src/fonts/OTF/Font Awesome 6 Free-Regular-400.otf
new file mode 100644
index 00000000..09b6a8b8
Binary files /dev/null and b/src/fonts/OTF/Font Awesome 6 Free-Regular-400.otf differ
diff --git a/src/fonts/OTF/Font Awesome 6 Free-Solid-900.otf b/src/fonts/OTF/Font Awesome 6 Free-Solid-900.otf
new file mode 100644
index 00000000..3bbac68f
Binary files /dev/null and b/src/fonts/OTF/Font Awesome 6 Free-Solid-900.otf differ
diff --git a/src/fonts/TTF/ArimoNerdFont-Bold.ttf b/src/fonts/TTF/ArimoNerdFont-Bold.ttf
new file mode 100644
index 00000000..7ec027d5
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFont-Bold.ttf differ
diff --git a/src/fonts/TTF/ArimoNerdFont-BoldItalic.ttf b/src/fonts/TTF/ArimoNerdFont-BoldItalic.ttf
new file mode 100644
index 00000000..da8e5e46
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFont-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/ArimoNerdFont-Italic.ttf b/src/fonts/TTF/ArimoNerdFont-Italic.ttf
new file mode 100644
index 00000000..8d30d139
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFont-Italic.ttf differ
diff --git a/src/fonts/TTF/ArimoNerdFont-Regular.ttf b/src/fonts/TTF/ArimoNerdFont-Regular.ttf
new file mode 100644
index 00000000..b1864a99
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFont-Regular.ttf differ
diff --git a/src/fonts/TTF/ArimoNerdFontPropo-Bold.ttf b/src/fonts/TTF/ArimoNerdFontPropo-Bold.ttf
new file mode 100644
index 00000000..7a6c8365
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFontPropo-Bold.ttf differ
diff --git a/src/fonts/TTF/ArimoNerdFontPropo-BoldItalic.ttf b/src/fonts/TTF/ArimoNerdFontPropo-BoldItalic.ttf
new file mode 100644
index 00000000..7093d30b
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFontPropo-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/ArimoNerdFontPropo-Italic.ttf b/src/fonts/TTF/ArimoNerdFontPropo-Italic.ttf
new file mode 100644
index 00000000..a45795c3
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFontPropo-Italic.ttf differ
diff --git a/src/fonts/TTF/ArimoNerdFontPropo-Regular.ttf b/src/fonts/TTF/ArimoNerdFontPropo-Regular.ttf
new file mode 100644
index 00000000..786a5d8a
Binary files /dev/null and b/src/fonts/TTF/ArimoNerdFontPropo-Regular.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-Bold.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-Bold.ttf
new file mode 100644
index 00000000..ca620d62
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-Bold.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-BoldItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-BoldItalic.ttf
new file mode 100644
index 00000000..4d9c1a83
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-ExtraLight.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-ExtraLight.ttf
new file mode 100644
index 00000000..4467e7c4
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-ExtraLightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-ExtraLightItalic.ttf
new file mode 100644
index 00000000..d781da9d
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-Italic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-Italic.ttf
new file mode 100644
index 00000000..e0b4238d
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-Italic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-Light.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-Light.ttf
new file mode 100644
index 00000000..616fbb0c
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-Light.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-LightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-LightItalic.ttf
new file mode 100644
index 00000000..269a4e9e
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-LightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-Regular.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-Regular.ttf
new file mode 100644
index 00000000..2b3870a5
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-Regular.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiBold.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiBold.ttf
new file mode 100644
index 00000000..b686c1a8
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiBold.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiBoldItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiBoldItalic.ttf
new file mode 100644
index 00000000..ddfddad0
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiLight.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiLight.ttf
new file mode 100644
index 00000000..db9208d4
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiLight.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiLightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiLightItalic.ttf
new file mode 100644
index 00000000..b5db1467
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFont-SemiLightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Bold.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Bold.ttf
new file mode 100644
index 00000000..23dc034b
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Bold.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-BoldItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-BoldItalic.ttf
new file mode 100644
index 00000000..0c0cafc1
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-ExtraLight.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-ExtraLight.ttf
new file mode 100644
index 00000000..608bfdce
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-ExtraLightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-ExtraLightItalic.ttf
new file mode 100644
index 00000000..8c0e7845
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Italic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Italic.ttf
new file mode 100644
index 00000000..07e79d7a
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Italic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Light.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Light.ttf
new file mode 100644
index 00000000..4e9c103f
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Light.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-LightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-LightItalic.ttf
new file mode 100644
index 00000000..a0bf2703
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-LightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Regular.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Regular.ttf
new file mode 100644
index 00000000..3d6d13c0
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-Regular.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiBold.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiBold.ttf
new file mode 100644
index 00000000..6679e258
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiBold.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiBoldItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiBoldItalic.ttf
new file mode 100644
index 00000000..4cf65111
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiLight.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiLight.ttf
new file mode 100644
index 00000000..c8960452
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiLight.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiLightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiLightItalic.ttf
new file mode 100644
index 00000000..d50a25fd
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontMono-SemiLightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Bold.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Bold.ttf
new file mode 100644
index 00000000..7126ee36
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Bold.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-BoldItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-BoldItalic.ttf
new file mode 100644
index 00000000..1d8834b8
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-ExtraLight.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-ExtraLight.ttf
new file mode 100644
index 00000000..cbbfcee2
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-ExtraLightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-ExtraLightItalic.ttf
new file mode 100644
index 00000000..b465a6b7
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Italic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Italic.ttf
new file mode 100644
index 00000000..5686ac5e
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Italic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Light.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Light.ttf
new file mode 100644
index 00000000..d1fb4542
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Light.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-LightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-LightItalic.ttf
new file mode 100644
index 00000000..5f3c80db
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-LightItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Regular.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Regular.ttf
new file mode 100644
index 00000000..76abb0b9
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-Regular.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiBold.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiBold.ttf
new file mode 100644
index 00000000..85240f64
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiBold.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiBoldItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiBoldItalic.ttf
new file mode 100644
index 00000000..cb285f01
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiLight.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiLight.ttf
new file mode 100644
index 00000000..39ca0c45
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiLight.ttf differ
diff --git a/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiLightItalic.ttf b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiLightItalic.ttf
new file mode 100644
index 00000000..0a3a8b0d
Binary files /dev/null and b/src/fonts/TTF/CaskaydiaCoveNerdFontPropo-SemiLightItalic.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFont-Bold.ttf b/src/fonts/TTF/FiraCodeNerdFont-Bold.ttf
new file mode 100644
index 00000000..bd7fbd34
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFont-Bold.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFont-Light.ttf b/src/fonts/TTF/FiraCodeNerdFont-Light.ttf
new file mode 100644
index 00000000..ef6bc7af
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFont-Light.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFont-Medium.ttf b/src/fonts/TTF/FiraCodeNerdFont-Medium.ttf
new file mode 100644
index 00000000..4c2180c1
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFont-Medium.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFont-Regular.ttf b/src/fonts/TTF/FiraCodeNerdFont-Regular.ttf
new file mode 100644
index 00000000..7abb9fc9
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFont-Regular.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFont-Retina.ttf b/src/fonts/TTF/FiraCodeNerdFont-Retina.ttf
new file mode 100644
index 00000000..abc20a95
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFont-Retina.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFont-SemiBold.ttf b/src/fonts/TTF/FiraCodeNerdFont-SemiBold.ttf
new file mode 100644
index 00000000..eb11abf0
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFont-SemiBold.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontMono-Bold.ttf b/src/fonts/TTF/FiraCodeNerdFontMono-Bold.ttf
new file mode 100644
index 00000000..81b48723
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontMono-Bold.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontMono-Light.ttf b/src/fonts/TTF/FiraCodeNerdFontMono-Light.ttf
new file mode 100644
index 00000000..5a6a8f65
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontMono-Light.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontMono-Medium.ttf b/src/fonts/TTF/FiraCodeNerdFontMono-Medium.ttf
new file mode 100644
index 00000000..608b5f55
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontMono-Medium.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontMono-Regular.ttf b/src/fonts/TTF/FiraCodeNerdFontMono-Regular.ttf
new file mode 100644
index 00000000..ed924187
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontMono-Regular.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontMono-Retina.ttf b/src/fonts/TTF/FiraCodeNerdFontMono-Retina.ttf
new file mode 100644
index 00000000..2354446a
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontMono-Retina.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontMono-SemiBold.ttf b/src/fonts/TTF/FiraCodeNerdFontMono-SemiBold.ttf
new file mode 100644
index 00000000..58bc7fdd
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontMono-SemiBold.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontPropo-Bold.ttf b/src/fonts/TTF/FiraCodeNerdFontPropo-Bold.ttf
new file mode 100644
index 00000000..2fa0a1f5
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontPropo-Bold.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontPropo-Light.ttf b/src/fonts/TTF/FiraCodeNerdFontPropo-Light.ttf
new file mode 100644
index 00000000..876f72da
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontPropo-Light.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontPropo-Medium.ttf b/src/fonts/TTF/FiraCodeNerdFontPropo-Medium.ttf
new file mode 100644
index 00000000..77aa4479
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontPropo-Medium.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontPropo-Regular.ttf b/src/fonts/TTF/FiraCodeNerdFontPropo-Regular.ttf
new file mode 100644
index 00000000..7e19fbe9
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontPropo-Regular.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontPropo-Retina.ttf b/src/fonts/TTF/FiraCodeNerdFontPropo-Retina.ttf
new file mode 100644
index 00000000..b963bf80
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontPropo-Retina.ttf differ
diff --git a/src/fonts/TTF/FiraCodeNerdFontPropo-SemiBold.ttf b/src/fonts/TTF/FiraCodeNerdFontPropo-SemiBold.ttf
new file mode 100644
index 00000000..89d257fb
Binary files /dev/null and b/src/fonts/TTF/FiraCodeNerdFontPropo-SemiBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-Bold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Bold.ttf
new file mode 100644
index 00000000..2bc4a977
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Bold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-BoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-BoldItalic.ttf
new file mode 100644
index 00000000..c55b451e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraBold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraBold.ttf
new file mode 100644
index 00000000..7ed5f10c
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraBoldItalic.ttf
new file mode 100644
index 00000000..9b12297a
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraLight.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraLight.ttf
new file mode 100644
index 00000000..4bab5993
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraLightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraLightItalic.ttf
new file mode 100644
index 00000000..fcc424ec
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-Italic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Italic.ttf
new file mode 100644
index 00000000..5af240c4
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Italic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-Light.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Light.ttf
new file mode 100644
index 00000000..c8d0bc0c
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Light.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-LightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-LightItalic.ttf
new file mode 100644
index 00000000..a0ad2560
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-LightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-Medium.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Medium.ttf
new file mode 100644
index 00000000..61901270
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Medium.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-MediumItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-MediumItalic.ttf
new file mode 100644
index 00000000..05bfc119
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-MediumItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-Regular.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Regular.ttf
new file mode 100644
index 00000000..5e7d395e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Regular.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-SemiBold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-SemiBold.ttf
new file mode 100644
index 00000000..7034d5dc
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-SemiBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-SemiBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-SemiBoldItalic.ttf
new file mode 100644
index 00000000..e2876a5e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-Thin.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Thin.ttf
new file mode 100644
index 00000000..d84f9acb
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-Thin.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFont-ThinItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ThinItalic.ttf
new file mode 100644
index 00000000..e422ca6e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFont-ThinItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Bold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Bold.ttf
new file mode 100644
index 00000000..61d25d73
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Bold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-BoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-BoldItalic.ttf
new file mode 100644
index 00000000..2885c6be
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraBold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraBold.ttf
new file mode 100644
index 00000000..8615f9fe
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraBoldItalic.ttf
new file mode 100644
index 00000000..e3634227
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraLight.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraLight.ttf
new file mode 100644
index 00000000..607663c8
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraLightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraLightItalic.ttf
new file mode 100644
index 00000000..3d032d43
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Italic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Italic.ttf
new file mode 100644
index 00000000..6ceae280
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Italic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Light.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Light.ttf
new file mode 100644
index 00000000..8f9c54a6
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Light.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-LightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-LightItalic.ttf
new file mode 100644
index 00000000..205a508c
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-LightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Medium.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Medium.ttf
new file mode 100644
index 00000000..10f9c843
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Medium.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-MediumItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-MediumItalic.ttf
new file mode 100644
index 00000000..0a5b4ed5
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-MediumItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Regular.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Regular.ttf
new file mode 100644
index 00000000..5e77e110
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Regular.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-SemiBold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-SemiBold.ttf
new file mode 100644
index 00000000..9d2a13e7
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-SemiBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-SemiBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-SemiBoldItalic.ttf
new file mode 100644
index 00000000..61750cc0
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Thin.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Thin.ttf
new file mode 100644
index 00000000..2ab3abaa
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-Thin.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ThinItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ThinItalic.ttf
new file mode 100644
index 00000000..4878d86b
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontMono-ThinItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Bold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Bold.ttf
new file mode 100644
index 00000000..be2de11c
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Bold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-BoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-BoldItalic.ttf
new file mode 100644
index 00000000..e37df50e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraBold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraBold.ttf
new file mode 100644
index 00000000..46d20899
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraBoldItalic.ttf
new file mode 100644
index 00000000..394b69d0
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraLight.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraLight.ttf
new file mode 100644
index 00000000..09c63db8
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraLightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraLightItalic.ttf
new file mode 100644
index 00000000..841f3a85
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Italic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Italic.ttf
new file mode 100644
index 00000000..98c29e51
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Italic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Light.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Light.ttf
new file mode 100644
index 00000000..6b010fa7
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Light.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-LightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-LightItalic.ttf
new file mode 100644
index 00000000..a4a3e05e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-LightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Medium.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Medium.ttf
new file mode 100644
index 00000000..b6f1deab
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Medium.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-MediumItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-MediumItalic.ttf
new file mode 100644
index 00000000..046cf6f7
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-MediumItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Regular.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Regular.ttf
new file mode 100644
index 00000000..28ccb3db
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Regular.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-SemiBold.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-SemiBold.ttf
new file mode 100644
index 00000000..a416f4a9
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-SemiBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-SemiBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-SemiBoldItalic.ttf
new file mode 100644
index 00000000..c325b269
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Thin.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Thin.ttf
new file mode 100644
index 00000000..7e584a7c
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-Thin.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ThinItalic.ttf b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ThinItalic.ttf
new file mode 100644
index 00000000..9e61037e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNLNerdFontPropo-ThinItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-Bold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-Bold.ttf
new file mode 100644
index 00000000..610c8c02
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-Bold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-BoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-BoldItalic.ttf
new file mode 100644
index 00000000..440908b8
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraBold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraBold.ttf
new file mode 100644
index 00000000..7a3d52ef
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraBoldItalic.ttf
new file mode 100644
index 00000000..7c10cdec
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraLight.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraLight.ttf
new file mode 100644
index 00000000..92a24626
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraLightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraLightItalic.ttf
new file mode 100644
index 00000000..0dfeb0ea
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-Italic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-Italic.ttf
new file mode 100644
index 00000000..b9110760
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-Italic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-Light.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-Light.ttf
new file mode 100644
index 00000000..8d39f62e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-Light.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-LightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-LightItalic.ttf
new file mode 100644
index 00000000..b6c3736b
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-LightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-Medium.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-Medium.ttf
new file mode 100644
index 00000000..f378f285
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-Medium.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-MediumItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-MediumItalic.ttf
new file mode 100644
index 00000000..23cbd1fb
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-MediumItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-Regular.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-Regular.ttf
new file mode 100644
index 00000000..2e02cab2
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-Regular.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-SemiBold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-SemiBold.ttf
new file mode 100644
index 00000000..e3726bfa
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-SemiBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-SemiBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-SemiBoldItalic.ttf
new file mode 100644
index 00000000..33925a2b
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-Thin.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-Thin.ttf
new file mode 100644
index 00000000..a612c9aa
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-Thin.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFont-ThinItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFont-ThinItalic.ttf
new file mode 100644
index 00000000..418a82b4
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFont-ThinItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-Bold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Bold.ttf
new file mode 100644
index 00000000..5381b98d
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Bold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-BoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-BoldItalic.ttf
new file mode 100644
index 00000000..6c365de2
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraBold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraBold.ttf
new file mode 100644
index 00000000..b6bdc9c8
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraBoldItalic.ttf
new file mode 100644
index 00000000..aaa69b40
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraLight.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraLight.ttf
new file mode 100644
index 00000000..5b227b30
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraLightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraLightItalic.ttf
new file mode 100644
index 00000000..ae140864
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-Italic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Italic.ttf
new file mode 100644
index 00000000..11801a70
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Italic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-Light.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Light.ttf
new file mode 100644
index 00000000..e89541f2
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Light.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-LightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-LightItalic.ttf
new file mode 100644
index 00000000..ffee3792
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-LightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-Medium.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Medium.ttf
new file mode 100644
index 00000000..12415b7d
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Medium.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-MediumItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-MediumItalic.ttf
new file mode 100644
index 00000000..1f97931e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-MediumItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-Regular.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Regular.ttf
new file mode 100644
index 00000000..31e03a21
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Regular.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-SemiBold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-SemiBold.ttf
new file mode 100644
index 00000000..6c87ea46
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-SemiBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-SemiBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-SemiBoldItalic.ttf
new file mode 100644
index 00000000..9d64da48
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-Thin.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Thin.ttf
new file mode 100644
index 00000000..e66845c4
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-Thin.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontMono-ThinItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ThinItalic.ttf
new file mode 100644
index 00000000..d39de1a2
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontMono-ThinItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Bold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Bold.ttf
new file mode 100644
index 00000000..2877b14e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Bold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-BoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-BoldItalic.ttf
new file mode 100644
index 00000000..e2bdc28d
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-BoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraBold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraBold.ttf
new file mode 100644
index 00000000..9288f1c1
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraBoldItalic.ttf
new file mode 100644
index 00000000..59097c4a
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraLight.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraLight.ttf
new file mode 100644
index 00000000..991334db
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraLight.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraLightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraLightItalic.ttf
new file mode 100644
index 00000000..c57e01c9
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ExtraLightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Italic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Italic.ttf
new file mode 100644
index 00000000..620e90fb
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Italic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Light.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Light.ttf
new file mode 100644
index 00000000..460f73fc
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Light.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-LightItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-LightItalic.ttf
new file mode 100644
index 00000000..fadfcb4d
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-LightItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Medium.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Medium.ttf
new file mode 100644
index 00000000..3a3818d8
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Medium.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-MediumItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-MediumItalic.ttf
new file mode 100644
index 00000000..1554311d
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-MediumItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Regular.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Regular.ttf
new file mode 100644
index 00000000..8547bd48
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Regular.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-SemiBold.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-SemiBold.ttf
new file mode 100644
index 00000000..311a4122
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-SemiBold.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-SemiBoldItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-SemiBoldItalic.ttf
new file mode 100644
index 00000000..25c5bd8f
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-SemiBoldItalic.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Thin.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Thin.ttf
new file mode 100644
index 00000000..7a00eb3e
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-Thin.ttf differ
diff --git a/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ThinItalic.ttf b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ThinItalic.ttf
new file mode 100644
index 00000000..0831a7f2
Binary files /dev/null and b/src/fonts/TTF/JetBrainsMonoNerdFontPropo-ThinItalic.ttf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-Black.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-Black.otf
new file mode 100644
index 00000000..fb6858c6
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-Black.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-BlackIt.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-BlackIt.otf
new file mode 100644
index 00000000..d0f5c8e2
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-BlackIt.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-Bold.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-Bold.otf
new file mode 100644
index 00000000..61e08898
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-Bold.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-BoldIt.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-BoldIt.otf
new file mode 100644
index 00000000..257bfe97
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-BoldIt.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-ExtraLight.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-ExtraLight.otf
new file mode 100644
index 00000000..ba25ac0a
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-ExtraLight.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-ExtraLightIt.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-ExtraLightIt.otf
new file mode 100644
index 00000000..b846506d
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-ExtraLightIt.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-It.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-It.otf
new file mode 100644
index 00000000..be19552c
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-It.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-Light.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-Light.otf
new file mode 100644
index 00000000..34500d79
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-Light.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-LightIt.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-LightIt.otf
new file mode 100644
index 00000000..42482bdd
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-LightIt.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-Medium.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-Medium.otf
new file mode 100644
index 00000000..bcb70e44
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-Medium.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-MediumIt.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-MediumIt.otf
new file mode 100644
index 00000000..a9ecfabb
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-MediumIt.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-Regular.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-Regular.otf
new file mode 100644
index 00000000..16c7b0be
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-Regular.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-Semibold.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-Semibold.otf
new file mode 100644
index 00000000..11e64fb8
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-Semibold.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodePro-SemiboldIt.otf b/src/fonts/adobe-source-code-pro/SourceCodePro-SemiboldIt.otf
new file mode 100644
index 00000000..c6815675
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodePro-SemiboldIt.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodeVF-Italic.otf b/src/fonts/adobe-source-code-pro/SourceCodeVF-Italic.otf
new file mode 100644
index 00000000..565f6b61
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodeVF-Italic.otf differ
diff --git a/src/fonts/adobe-source-code-pro/SourceCodeVF-Upright.otf b/src/fonts/adobe-source-code-pro/SourceCodeVF-Upright.otf
new file mode 100644
index 00000000..68798531
Binary files /dev/null and b/src/fonts/adobe-source-code-pro/SourceCodeVF-Upright.otf differ
diff --git a/src/fonts/cantarell/Cantarell-VF.otf b/src/fonts/cantarell/Cantarell-VF.otf
new file mode 100644
index 00000000..7306325c
Binary files /dev/null and b/src/fonts/cantarell/Cantarell-VF.otf differ
diff --git a/src/fonts/encodings/adobe-dingbats.enc.gz b/src/fonts/encodings/adobe-dingbats.enc.gz
new file mode 100644
index 00000000..f668c904
Binary files /dev/null and b/src/fonts/encodings/adobe-dingbats.enc.gz differ
diff --git a/src/fonts/encodings/adobe-standard.enc.gz b/src/fonts/encodings/adobe-standard.enc.gz
new file mode 100644
index 00000000..4dd14c30
Binary files /dev/null and b/src/fonts/encodings/adobe-standard.enc.gz differ
diff --git a/src/fonts/encodings/adobe-symbol.enc.gz b/src/fonts/encodings/adobe-symbol.enc.gz
new file mode 100644
index 00000000..d1b0a8b8
Binary files /dev/null and b/src/fonts/encodings/adobe-symbol.enc.gz differ
diff --git a/src/fonts/encodings/armscii-8.enc.gz b/src/fonts/encodings/armscii-8.enc.gz
new file mode 100644
index 00000000..b16fc0ab
Binary files /dev/null and b/src/fonts/encodings/armscii-8.enc.gz differ
diff --git a/src/fonts/encodings/ascii-0.enc.gz b/src/fonts/encodings/ascii-0.enc.gz
new file mode 100644
index 00000000..e097a620
Binary files /dev/null and b/src/fonts/encodings/ascii-0.enc.gz differ
diff --git a/src/fonts/encodings/dec-special.enc.gz b/src/fonts/encodings/dec-special.enc.gz
new file mode 100644
index 00000000..11d66e39
Binary files /dev/null and b/src/fonts/encodings/dec-special.enc.gz differ
diff --git a/src/fonts/encodings/encodings.dir b/src/fonts/encodings/encodings.dir
new file mode 100644
index 00000000..e5fceb9d
--- /dev/null
+++ b/src/fonts/encodings/encodings.dir
@@ -0,0 +1,63 @@
+62
+adobe-dingbats ./adobe-dingbats.enc.gz
+adobe-standard ./adobe-standard.enc.gz
+adobe-symbol ./adobe-symbol.enc.gz
+armscii-8 ./armscii-8.enc.gz
+ascii-0 ./ascii-0.enc.gz
+big5-0 large/big5.eten-0.enc.gz
+big5.cp950-0 large/big5.eten-0.enc.gz
+big5.eten-0 large/big5.eten-0.enc.gz
+big5hkscs-0 large/big5hkscs-0.enc.gz
+cns11643-1 large/cns11643-1.enc.gz
+cns11643-2 large/cns11643-2.enc.gz
+cns11643-3 large/cns11643-3.enc.gz
+dec-special ./dec-special.enc.gz
+gb18030-0 large/gb18030-0.enc.gz
+gb18030.2000-0 large/gb18030.2000-0.enc.gz
+gb18030.2000-1 large/gb18030.2000-1.enc.gz
+gb2312.1980-0 large/gb2312.1980-0.enc.gz
+gbk-0 large/gbk-0.enc.gz
+ibm-cp437 ./ibm-cp437.enc.gz
+ibm-cp850 ./ibm-cp850.enc.gz
+ibm-cp852 ./ibm-cp852.enc.gz
+ibm-cp866 ./ibm-cp866.enc.gz
+iso8859-11 ./iso8859-11.enc.gz
+iso8859-13 ./iso8859-13.enc.gz
+iso8859-14 ./iso8859-14.enc.gz
+iso8859-16 ./iso8859-16.enc.gz
+iso8859-6.16 ./iso8859-6.16.enc.gz
+iso8859-6.8x ./iso8859-6.8x.enc.gz
+jisx0201.1976-0 large/jisx0201.1976-0.enc.gz
+jisx0208.1983-0 large/jisx0208.1990-0.enc.gz
+jisx0208.1990-0 large/jisx0208.1990-0.enc.gz
+jisx0212.1990-0 large/jisx0212.1990-0.enc.gz
+ksc5601.1987-0 large/ksc5601.1987-0.enc.gz
+ksc5601.1992-3 large/ksc5601.1992-3.enc.gz
+ksx1001.1997-0 large/ksc5601.1987-0.enc.gz
+ksx1001.1998-0 large/ksc5601.1987-0.enc.gz
+ksx1001.1998-3 large/ksc5601.1992-3.enc.gz
+ksxjohab-1 large/ksc5601.1992-3.enc.gz
+microsoft-ansi ./microsoft-cp1252.enc.gz
+microsoft-cp1250 ./microsoft-cp1250.enc.gz
+microsoft-cp1251 ./microsoft-cp1251.enc.gz
+microsoft-cp1252 ./microsoft-cp1252.enc.gz
+microsoft-cp1253 ./microsoft-cp1253.enc.gz
+microsoft-cp1254 ./microsoft-cp1254.enc.gz
+microsoft-cp1255 ./microsoft-cp1255.enc.gz
+microsoft-cp1256 ./microsoft-cp1256.enc.gz
+microsoft-cp1257 ./microsoft-cp1257.enc.gz
+microsoft-cp1258 ./microsoft-cp1258.enc.gz
+microsoft-win3.1 ./microsoft-win3.1.enc.gz
+mulearabic-0 ./mulearabic-0.enc.gz
+mulearabic-1 ./mulearabic-1.enc.gz
+mulearabic-2 ./mulearabic-2.enc.gz
+mulelao-1 ./mulelao-1.enc.gz
+sun.unicode.india-0 large/sun.unicode.india-0.enc.gz
+suneu-greek ./suneu-greek.enc.gz
+tcvn-0 ./tcvn-0.enc.gz
+tis620-0 ./iso8859-11.enc.gz
+tis620-2 ./tis620-2.enc.gz
+tis620.2529-1 ./iso8859-11.enc.gz
+tis620.2533-0 ./iso8859-11.enc.gz
+tis620.2533-1 ./iso8859-11.enc.gz
+viscii1.1-1 ./viscii1.1-1.enc.gz
diff --git a/src/fonts/encodings/ibm-cp437.enc.gz b/src/fonts/encodings/ibm-cp437.enc.gz
new file mode 100644
index 00000000..a31b28b6
Binary files /dev/null and b/src/fonts/encodings/ibm-cp437.enc.gz differ
diff --git a/src/fonts/encodings/ibm-cp850.enc.gz b/src/fonts/encodings/ibm-cp850.enc.gz
new file mode 100644
index 00000000..d8d7e6fb
Binary files /dev/null and b/src/fonts/encodings/ibm-cp850.enc.gz differ
diff --git a/src/fonts/encodings/ibm-cp852.enc.gz b/src/fonts/encodings/ibm-cp852.enc.gz
new file mode 100644
index 00000000..20e6810f
Binary files /dev/null and b/src/fonts/encodings/ibm-cp852.enc.gz differ
diff --git a/src/fonts/encodings/ibm-cp866.enc.gz b/src/fonts/encodings/ibm-cp866.enc.gz
new file mode 100644
index 00000000..9407efda
Binary files /dev/null and b/src/fonts/encodings/ibm-cp866.enc.gz differ
diff --git a/src/fonts/encodings/iso8859-11.enc.gz b/src/fonts/encodings/iso8859-11.enc.gz
new file mode 100644
index 00000000..7eb386c8
Binary files /dev/null and b/src/fonts/encodings/iso8859-11.enc.gz differ
diff --git a/src/fonts/encodings/iso8859-13.enc.gz b/src/fonts/encodings/iso8859-13.enc.gz
new file mode 100644
index 00000000..602d92e8
Binary files /dev/null and b/src/fonts/encodings/iso8859-13.enc.gz differ
diff --git a/src/fonts/encodings/iso8859-14.enc.gz b/src/fonts/encodings/iso8859-14.enc.gz
new file mode 100644
index 00000000..1fec1df6
Binary files /dev/null and b/src/fonts/encodings/iso8859-14.enc.gz differ
diff --git a/src/fonts/encodings/iso8859-16.enc.gz b/src/fonts/encodings/iso8859-16.enc.gz
new file mode 100644
index 00000000..b98c1348
Binary files /dev/null and b/src/fonts/encodings/iso8859-16.enc.gz differ
diff --git a/src/fonts/encodings/iso8859-6.16.enc.gz b/src/fonts/encodings/iso8859-6.16.enc.gz
new file mode 100644
index 00000000..12f179be
Binary files /dev/null and b/src/fonts/encodings/iso8859-6.16.enc.gz differ
diff --git a/src/fonts/encodings/iso8859-6.8x.enc.gz b/src/fonts/encodings/iso8859-6.8x.enc.gz
new file mode 100644
index 00000000..bf7dbf49
Binary files /dev/null and b/src/fonts/encodings/iso8859-6.8x.enc.gz differ
diff --git a/src/fonts/encodings/large/big5.eten-0.enc.gz b/src/fonts/encodings/large/big5.eten-0.enc.gz
new file mode 100644
index 00000000..672a53ad
Binary files /dev/null and b/src/fonts/encodings/large/big5.eten-0.enc.gz differ
diff --git a/src/fonts/encodings/large/big5hkscs-0.enc.gz b/src/fonts/encodings/large/big5hkscs-0.enc.gz
new file mode 100644
index 00000000..37ec852d
Binary files /dev/null and b/src/fonts/encodings/large/big5hkscs-0.enc.gz differ
diff --git a/src/fonts/encodings/large/cns11643-1.enc.gz b/src/fonts/encodings/large/cns11643-1.enc.gz
new file mode 100644
index 00000000..355d10b8
Binary files /dev/null and b/src/fonts/encodings/large/cns11643-1.enc.gz differ
diff --git a/src/fonts/encodings/large/cns11643-2.enc.gz b/src/fonts/encodings/large/cns11643-2.enc.gz
new file mode 100644
index 00000000..b7e5ddde
Binary files /dev/null and b/src/fonts/encodings/large/cns11643-2.enc.gz differ
diff --git a/src/fonts/encodings/large/cns11643-3.enc.gz b/src/fonts/encodings/large/cns11643-3.enc.gz
new file mode 100644
index 00000000..bf75469e
Binary files /dev/null and b/src/fonts/encodings/large/cns11643-3.enc.gz differ
diff --git a/src/fonts/encodings/large/encodings.dir b/src/fonts/encodings/large/encodings.dir
new file mode 100644
index 00000000..45b52670
--- /dev/null
+++ b/src/fonts/encodings/large/encodings.dir
@@ -0,0 +1,24 @@
+23
+big5-0 ./big5.eten-0.enc.gz
+big5.cp950-0 ./big5.eten-0.enc.gz
+big5.eten-0 ./big5.eten-0.enc.gz
+big5hkscs-0 ./big5hkscs-0.enc.gz
+cns11643-1 ./cns11643-1.enc.gz
+cns11643-2 ./cns11643-2.enc.gz
+cns11643-3 ./cns11643-3.enc.gz
+gb18030-0 ./gb18030-0.enc.gz
+gb18030.2000-0 ./gb18030.2000-0.enc.gz
+gb18030.2000-1 ./gb18030.2000-1.enc.gz
+gb2312.1980-0 ./gb2312.1980-0.enc.gz
+gbk-0 ./gbk-0.enc.gz
+jisx0201.1976-0 ./jisx0201.1976-0.enc.gz
+jisx0208.1983-0 ./jisx0208.1990-0.enc.gz
+jisx0208.1990-0 ./jisx0208.1990-0.enc.gz
+jisx0212.1990-0 ./jisx0212.1990-0.enc.gz
+ksc5601.1987-0 ./ksc5601.1987-0.enc.gz
+ksc5601.1992-3 ./ksc5601.1992-3.enc.gz
+ksx1001.1997-0 ./ksc5601.1987-0.enc.gz
+ksx1001.1998-0 ./ksc5601.1987-0.enc.gz
+ksx1001.1998-3 ./ksc5601.1992-3.enc.gz
+ksxjohab-1 ./ksc5601.1992-3.enc.gz
+sun.unicode.india-0 ./sun.unicode.india-0.enc.gz
diff --git a/src/fonts/encodings/large/gb18030-0.enc.gz b/src/fonts/encodings/large/gb18030-0.enc.gz
new file mode 100644
index 00000000..4eb33977
Binary files /dev/null and b/src/fonts/encodings/large/gb18030-0.enc.gz differ
diff --git a/src/fonts/encodings/large/gb18030.2000-0.enc.gz b/src/fonts/encodings/large/gb18030.2000-0.enc.gz
new file mode 100644
index 00000000..2a1d2b27
Binary files /dev/null and b/src/fonts/encodings/large/gb18030.2000-0.enc.gz differ
diff --git a/src/fonts/encodings/large/gb18030.2000-1.enc.gz b/src/fonts/encodings/large/gb18030.2000-1.enc.gz
new file mode 100644
index 00000000..e721193d
Binary files /dev/null and b/src/fonts/encodings/large/gb18030.2000-1.enc.gz differ
diff --git a/src/fonts/encodings/large/gb2312.1980-0.enc.gz b/src/fonts/encodings/large/gb2312.1980-0.enc.gz
new file mode 100644
index 00000000..4718ffaf
Binary files /dev/null and b/src/fonts/encodings/large/gb2312.1980-0.enc.gz differ
diff --git a/src/fonts/encodings/large/gbk-0.enc.gz b/src/fonts/encodings/large/gbk-0.enc.gz
new file mode 100644
index 00000000..746da446
Binary files /dev/null and b/src/fonts/encodings/large/gbk-0.enc.gz differ
diff --git a/src/fonts/encodings/large/jisx0201.1976-0.enc.gz b/src/fonts/encodings/large/jisx0201.1976-0.enc.gz
new file mode 100644
index 00000000..fadfa31b
Binary files /dev/null and b/src/fonts/encodings/large/jisx0201.1976-0.enc.gz differ
diff --git a/src/fonts/encodings/large/jisx0208.1990-0.enc.gz b/src/fonts/encodings/large/jisx0208.1990-0.enc.gz
new file mode 100644
index 00000000..39a304fa
Binary files /dev/null and b/src/fonts/encodings/large/jisx0208.1990-0.enc.gz differ
diff --git a/src/fonts/encodings/large/jisx0212.1990-0.enc.gz b/src/fonts/encodings/large/jisx0212.1990-0.enc.gz
new file mode 100644
index 00000000..52acc844
Binary files /dev/null and b/src/fonts/encodings/large/jisx0212.1990-0.enc.gz differ
diff --git a/src/fonts/encodings/large/ksc5601.1987-0.enc.gz b/src/fonts/encodings/large/ksc5601.1987-0.enc.gz
new file mode 100644
index 00000000..4b808a5d
Binary files /dev/null and b/src/fonts/encodings/large/ksc5601.1987-0.enc.gz differ
diff --git a/src/fonts/encodings/large/ksc5601.1992-3.enc.gz b/src/fonts/encodings/large/ksc5601.1992-3.enc.gz
new file mode 100644
index 00000000..16b97927
Binary files /dev/null and b/src/fonts/encodings/large/ksc5601.1992-3.enc.gz differ
diff --git a/src/fonts/encodings/large/sun.unicode.india-0.enc.gz b/src/fonts/encodings/large/sun.unicode.india-0.enc.gz
new file mode 100644
index 00000000..c9ab54af
Binary files /dev/null and b/src/fonts/encodings/large/sun.unicode.india-0.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1250.enc.gz b/src/fonts/encodings/microsoft-cp1250.enc.gz
new file mode 100644
index 00000000..46a58f96
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1250.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1251.enc.gz b/src/fonts/encodings/microsoft-cp1251.enc.gz
new file mode 100644
index 00000000..27d619f1
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1251.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1252.enc.gz b/src/fonts/encodings/microsoft-cp1252.enc.gz
new file mode 100644
index 00000000..bbecd593
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1252.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1253.enc.gz b/src/fonts/encodings/microsoft-cp1253.enc.gz
new file mode 100644
index 00000000..494f053c
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1253.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1254.enc.gz b/src/fonts/encodings/microsoft-cp1254.enc.gz
new file mode 100644
index 00000000..a1977ce5
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1254.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1255.enc.gz b/src/fonts/encodings/microsoft-cp1255.enc.gz
new file mode 100644
index 00000000..7dbe61a8
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1255.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1256.enc.gz b/src/fonts/encodings/microsoft-cp1256.enc.gz
new file mode 100644
index 00000000..1d4c4b19
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1256.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1257.enc.gz b/src/fonts/encodings/microsoft-cp1257.enc.gz
new file mode 100644
index 00000000..c805ce62
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1257.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-cp1258.enc.gz b/src/fonts/encodings/microsoft-cp1258.enc.gz
new file mode 100644
index 00000000..214a4b45
Binary files /dev/null and b/src/fonts/encodings/microsoft-cp1258.enc.gz differ
diff --git a/src/fonts/encodings/microsoft-win3.1.enc.gz b/src/fonts/encodings/microsoft-win3.1.enc.gz
new file mode 100644
index 00000000..77527b11
Binary files /dev/null and b/src/fonts/encodings/microsoft-win3.1.enc.gz differ
diff --git a/src/fonts/encodings/mulearabic-0.enc.gz b/src/fonts/encodings/mulearabic-0.enc.gz
new file mode 100644
index 00000000..c96a23af
Binary files /dev/null and b/src/fonts/encodings/mulearabic-0.enc.gz differ
diff --git a/src/fonts/encodings/mulearabic-1.enc.gz b/src/fonts/encodings/mulearabic-1.enc.gz
new file mode 100644
index 00000000..1499d09d
Binary files /dev/null and b/src/fonts/encodings/mulearabic-1.enc.gz differ
diff --git a/src/fonts/encodings/mulearabic-2.enc.gz b/src/fonts/encodings/mulearabic-2.enc.gz
new file mode 100644
index 00000000..13e8a391
Binary files /dev/null and b/src/fonts/encodings/mulearabic-2.enc.gz differ
diff --git a/src/fonts/encodings/mulelao-1.enc.gz b/src/fonts/encodings/mulelao-1.enc.gz
new file mode 100644
index 00000000..bc92539a
Binary files /dev/null and b/src/fonts/encodings/mulelao-1.enc.gz differ
diff --git a/src/fonts/encodings/suneu-greek.enc.gz b/src/fonts/encodings/suneu-greek.enc.gz
new file mode 100644
index 00000000..fa83acde
Binary files /dev/null and b/src/fonts/encodings/suneu-greek.enc.gz differ
diff --git a/src/fonts/encodings/tcvn-0.enc.gz b/src/fonts/encodings/tcvn-0.enc.gz
new file mode 100644
index 00000000..649099c4
Binary files /dev/null and b/src/fonts/encodings/tcvn-0.enc.gz differ
diff --git a/src/fonts/encodings/tis620-2.enc.gz b/src/fonts/encodings/tis620-2.enc.gz
new file mode 100644
index 00000000..0fdeb930
Binary files /dev/null and b/src/fonts/encodings/tis620-2.enc.gz differ
diff --git a/src/fonts/encodings/viscii1.1-1.enc.gz b/src/fonts/encodings/viscii1.1-1.enc.gz
new file mode 100644
index 00000000..8fda040c
Binary files /dev/null and b/src/fonts/encodings/viscii1.1-1.enc.gz differ
diff --git a/src/fonts/gnu-free/FreeMono.otf b/src/fonts/gnu-free/FreeMono.otf
new file mode 100644
index 00000000..dc646b18
Binary files /dev/null and b/src/fonts/gnu-free/FreeMono.otf differ
diff --git a/src/fonts/gnu-free/FreeMonoBold.otf b/src/fonts/gnu-free/FreeMonoBold.otf
new file mode 100644
index 00000000..247d972a
Binary files /dev/null and b/src/fonts/gnu-free/FreeMonoBold.otf differ
diff --git a/src/fonts/gnu-free/FreeMonoBoldOblique.otf b/src/fonts/gnu-free/FreeMonoBoldOblique.otf
new file mode 100644
index 00000000..6174f38b
Binary files /dev/null and b/src/fonts/gnu-free/FreeMonoBoldOblique.otf differ
diff --git a/src/fonts/gnu-free/FreeMonoOblique.otf b/src/fonts/gnu-free/FreeMonoOblique.otf
new file mode 100644
index 00000000..8b6d30fe
Binary files /dev/null and b/src/fonts/gnu-free/FreeMonoOblique.otf differ
diff --git a/src/fonts/gnu-free/FreeSans.otf b/src/fonts/gnu-free/FreeSans.otf
new file mode 100644
index 00000000..062c9395
Binary files /dev/null and b/src/fonts/gnu-free/FreeSans.otf differ
diff --git a/src/fonts/gnu-free/FreeSansBold.otf b/src/fonts/gnu-free/FreeSansBold.otf
new file mode 100644
index 00000000..3ddde169
Binary files /dev/null and b/src/fonts/gnu-free/FreeSansBold.otf differ
diff --git a/src/fonts/gnu-free/FreeSansBoldOblique.otf b/src/fonts/gnu-free/FreeSansBoldOblique.otf
new file mode 100644
index 00000000..9a1c0a1b
Binary files /dev/null and b/src/fonts/gnu-free/FreeSansBoldOblique.otf differ
diff --git a/src/fonts/gnu-free/FreeSansOblique.otf b/src/fonts/gnu-free/FreeSansOblique.otf
new file mode 100644
index 00000000..f22e9ae8
Binary files /dev/null and b/src/fonts/gnu-free/FreeSansOblique.otf differ
diff --git a/src/fonts/gnu-free/FreeSerif.otf b/src/fonts/gnu-free/FreeSerif.otf
new file mode 100644
index 00000000..04a8d84c
Binary files /dev/null and b/src/fonts/gnu-free/FreeSerif.otf differ
diff --git a/src/fonts/gnu-free/FreeSerifBold.otf b/src/fonts/gnu-free/FreeSerifBold.otf
new file mode 100644
index 00000000..681e87ee
Binary files /dev/null and b/src/fonts/gnu-free/FreeSerifBold.otf differ
diff --git a/src/fonts/gnu-free/FreeSerifBoldItalic.otf b/src/fonts/gnu-free/FreeSerifBoldItalic.otf
new file mode 100644
index 00000000..c89cd55e
Binary files /dev/null and b/src/fonts/gnu-free/FreeSerifBoldItalic.otf differ
diff --git a/src/fonts/gnu-free/FreeSerifItalic.otf b/src/fonts/gnu-free/FreeSerifItalic.otf
new file mode 100644
index 00000000..5ead0751
Binary files /dev/null and b/src/fonts/gnu-free/FreeSerifItalic.otf differ
diff --git a/src/fonts/noto/NotoFangsongKSSRotated-Regular.ttf b/src/fonts/noto/NotoFangsongKSSRotated-Regular.ttf
new file mode 100644
index 00000000..bd163381
Binary files /dev/null and b/src/fonts/noto/NotoFangsongKSSRotated-Regular.ttf differ
diff --git a/src/fonts/noto/NotoFangsongKSSVertical-Regular.ttf b/src/fonts/noto/NotoFangsongKSSVertical-Regular.ttf
new file mode 100644
index 00000000..4f308655
Binary files /dev/null and b/src/fonts/noto/NotoFangsongKSSVertical-Regular.ttf differ
diff --git a/src/fonts/noto/NotoKufiArabic-Black.ttf b/src/fonts/noto/NotoKufiArabic-Black.ttf
new file mode 100644
index 00000000..38ba0145
Binary files /dev/null and b/src/fonts/noto/NotoKufiArabic-Black.ttf differ
diff --git a/src/fonts/noto/NotoKufiArabic-Bold.ttf b/src/fonts/noto/NotoKufiArabic-Bold.ttf
new file mode 100644
index 00000000..7987a775
Binary files /dev/null and b/src/fonts/noto/NotoKufiArabic-Bold.ttf differ
diff --git a/src/fonts/noto/NotoKufiArabic-Light.ttf b/src/fonts/noto/NotoKufiArabic-Light.ttf
new file mode 100644
index 00000000..e9b53f38
Binary files /dev/null and b/src/fonts/noto/NotoKufiArabic-Light.ttf differ
diff --git a/src/fonts/noto/NotoKufiArabic-Medium.ttf b/src/fonts/noto/NotoKufiArabic-Medium.ttf
new file mode 100644
index 00000000..d2b23bed
Binary files /dev/null and b/src/fonts/noto/NotoKufiArabic-Medium.ttf differ
diff --git a/src/fonts/noto/NotoKufiArabic-Regular.ttf b/src/fonts/noto/NotoKufiArabic-Regular.ttf
new file mode 100644
index 00000000..5efbf210
Binary files /dev/null and b/src/fonts/noto/NotoKufiArabic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoKufiArabic-Thin.ttf b/src/fonts/noto/NotoKufiArabic-Thin.ttf
new file mode 100644
index 00000000..af50d6d2
Binary files /dev/null and b/src/fonts/noto/NotoKufiArabic-Thin.ttf differ
diff --git a/src/fonts/noto/NotoMusic-Regular.ttf b/src/fonts/noto/NotoMusic-Regular.ttf
new file mode 100644
index 00000000..f0436dd9
Binary files /dev/null and b/src/fonts/noto/NotoMusic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoNaskhArabic-Bold.ttf b/src/fonts/noto/NotoNaskhArabic-Bold.ttf
new file mode 100644
index 00000000..9cff8a76
Binary files /dev/null and b/src/fonts/noto/NotoNaskhArabic-Bold.ttf differ
diff --git a/src/fonts/noto/NotoNaskhArabic-Medium.ttf b/src/fonts/noto/NotoNaskhArabic-Medium.ttf
new file mode 100644
index 00000000..07e2178f
Binary files /dev/null and b/src/fonts/noto/NotoNaskhArabic-Medium.ttf differ
diff --git a/src/fonts/noto/NotoNaskhArabic-Regular.ttf b/src/fonts/noto/NotoNaskhArabic-Regular.ttf
new file mode 100644
index 00000000..2048eb4b
Binary files /dev/null and b/src/fonts/noto/NotoNaskhArabic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoNaskhArabicUI-Bold.ttf b/src/fonts/noto/NotoNaskhArabicUI-Bold.ttf
new file mode 100644
index 00000000..d4938ab8
Binary files /dev/null and b/src/fonts/noto/NotoNaskhArabicUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoNaskhArabicUI-Medium.ttf b/src/fonts/noto/NotoNaskhArabicUI-Medium.ttf
new file mode 100644
index 00000000..b245d40b
Binary files /dev/null and b/src/fonts/noto/NotoNaskhArabicUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoNaskhArabicUI-Regular.ttf b/src/fonts/noto/NotoNaskhArabicUI-Regular.ttf
new file mode 100644
index 00000000..93a4ff91
Binary files /dev/null and b/src/fonts/noto/NotoNaskhArabicUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoNastaliqUrdu-Bold.ttf b/src/fonts/noto/NotoNastaliqUrdu-Bold.ttf
new file mode 100644
index 00000000..13122b43
Binary files /dev/null and b/src/fonts/noto/NotoNastaliqUrdu-Bold.ttf differ
diff --git a/src/fonts/noto/NotoNastaliqUrdu-Regular.ttf b/src/fonts/noto/NotoNastaliqUrdu-Regular.ttf
new file mode 100644
index 00000000..754b292c
Binary files /dev/null and b/src/fonts/noto/NotoNastaliqUrdu-Regular.ttf differ
diff --git a/src/fonts/noto/NotoRashiHebrew-Black.ttf b/src/fonts/noto/NotoRashiHebrew-Black.ttf
new file mode 100644
index 00000000..ec141d2f
Binary files /dev/null and b/src/fonts/noto/NotoRashiHebrew-Black.ttf differ
diff --git a/src/fonts/noto/NotoRashiHebrew-Bold.ttf b/src/fonts/noto/NotoRashiHebrew-Bold.ttf
new file mode 100644
index 00000000..45a1d707
Binary files /dev/null and b/src/fonts/noto/NotoRashiHebrew-Bold.ttf differ
diff --git a/src/fonts/noto/NotoRashiHebrew-Light.ttf b/src/fonts/noto/NotoRashiHebrew-Light.ttf
new file mode 100644
index 00000000..fed15bc2
Binary files /dev/null and b/src/fonts/noto/NotoRashiHebrew-Light.ttf differ
diff --git a/src/fonts/noto/NotoRashiHebrew-Medium.ttf b/src/fonts/noto/NotoRashiHebrew-Medium.ttf
new file mode 100644
index 00000000..a6e6c66e
Binary files /dev/null and b/src/fonts/noto/NotoRashiHebrew-Medium.ttf differ
diff --git a/src/fonts/noto/NotoRashiHebrew-Regular.ttf b/src/fonts/noto/NotoRashiHebrew-Regular.ttf
new file mode 100644
index 00000000..636d1260
Binary files /dev/null and b/src/fonts/noto/NotoRashiHebrew-Regular.ttf differ
diff --git a/src/fonts/noto/NotoRashiHebrew-Thin.ttf b/src/fonts/noto/NotoRashiHebrew-Thin.ttf
new file mode 100644
index 00000000..9d658ee4
Binary files /dev/null and b/src/fonts/noto/NotoRashiHebrew-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSans-Black.ttf b/src/fonts/noto/NotoSans-Black.ttf
new file mode 100644
index 00000000..4c2548dc
Binary files /dev/null and b/src/fonts/noto/NotoSans-Black.ttf differ
diff --git a/src/fonts/noto/NotoSans-BlackItalic.ttf b/src/fonts/noto/NotoSans-BlackItalic.ttf
new file mode 100644
index 00000000..53cb5d3b
Binary files /dev/null and b/src/fonts/noto/NotoSans-BlackItalic.ttf differ
diff --git a/src/fonts/noto/NotoSans-Bold.ttf b/src/fonts/noto/NotoSans-Bold.ttf
new file mode 100644
index 00000000..785ef8a2
Binary files /dev/null and b/src/fonts/noto/NotoSans-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSans-BoldItalic.ttf b/src/fonts/noto/NotoSans-BoldItalic.ttf
new file mode 100644
index 00000000..55e9ec2c
Binary files /dev/null and b/src/fonts/noto/NotoSans-BoldItalic.ttf differ
diff --git a/src/fonts/noto/NotoSans-Italic.ttf b/src/fonts/noto/NotoSans-Italic.ttf
new file mode 100644
index 00000000..b7ac1bbe
Binary files /dev/null and b/src/fonts/noto/NotoSans-Italic.ttf differ
diff --git a/src/fonts/noto/NotoSans-Light.ttf b/src/fonts/noto/NotoSans-Light.ttf
new file mode 100644
index 00000000..15b9e9c7
Binary files /dev/null and b/src/fonts/noto/NotoSans-Light.ttf differ
diff --git a/src/fonts/noto/NotoSans-LightItalic.ttf b/src/fonts/noto/NotoSans-LightItalic.ttf
new file mode 100644
index 00000000..26e2cabc
Binary files /dev/null and b/src/fonts/noto/NotoSans-LightItalic.ttf differ
diff --git a/src/fonts/noto/NotoSans-Medium.ttf b/src/fonts/noto/NotoSans-Medium.ttf
new file mode 100644
index 00000000..0e78b6aa
Binary files /dev/null and b/src/fonts/noto/NotoSans-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSans-MediumItalic.ttf b/src/fonts/noto/NotoSans-MediumItalic.ttf
new file mode 100644
index 00000000..8aa324f8
Binary files /dev/null and b/src/fonts/noto/NotoSans-MediumItalic.ttf differ
diff --git a/src/fonts/noto/NotoSans-Regular.ttf b/src/fonts/noto/NotoSans-Regular.ttf
new file mode 100644
index 00000000..bdc1ffa1
Binary files /dev/null and b/src/fonts/noto/NotoSans-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSans-Thin.ttf b/src/fonts/noto/NotoSans-Thin.ttf
new file mode 100644
index 00000000..bf73016f
Binary files /dev/null and b/src/fonts/noto/NotoSans-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSans-ThinItalic.ttf b/src/fonts/noto/NotoSans-ThinItalic.ttf
new file mode 100644
index 00000000..ef5b1359
Binary files /dev/null and b/src/fonts/noto/NotoSans-ThinItalic.ttf differ
diff --git a/src/fonts/noto/NotoSansAdlam-Bold.ttf b/src/fonts/noto/NotoSansAdlam-Bold.ttf
new file mode 100644
index 00000000..7e6e1374
Binary files /dev/null and b/src/fonts/noto/NotoSansAdlam-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansAdlam-Regular.ttf b/src/fonts/noto/NotoSansAdlam-Regular.ttf
new file mode 100644
index 00000000..b8370d74
Binary files /dev/null and b/src/fonts/noto/NotoSansAdlam-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansAdlamUnjoined-Bold.ttf b/src/fonts/noto/NotoSansAdlamUnjoined-Bold.ttf
new file mode 100644
index 00000000..868d7b4e
Binary files /dev/null and b/src/fonts/noto/NotoSansAdlamUnjoined-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansAdlamUnjoined-Regular.ttf b/src/fonts/noto/NotoSansAdlamUnjoined-Regular.ttf
new file mode 100644
index 00000000..4d288ad9
Binary files /dev/null and b/src/fonts/noto/NotoSansAdlamUnjoined-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansAnatolianHieroglyphs-Regular.ttf b/src/fonts/noto/NotoSansAnatolianHieroglyphs-Regular.ttf
new file mode 100644
index 00000000..d34482e7
Binary files /dev/null and b/src/fonts/noto/NotoSansAnatolianHieroglyphs-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansArabic-Black.ttf b/src/fonts/noto/NotoSansArabic-Black.ttf
new file mode 100644
index 00000000..1efcb7d1
Binary files /dev/null and b/src/fonts/noto/NotoSansArabic-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansArabic-Bold.ttf b/src/fonts/noto/NotoSansArabic-Bold.ttf
new file mode 100644
index 00000000..c059a27d
Binary files /dev/null and b/src/fonts/noto/NotoSansArabic-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansArabic-Light.ttf b/src/fonts/noto/NotoSansArabic-Light.ttf
new file mode 100644
index 00000000..8e2e6fe1
Binary files /dev/null and b/src/fonts/noto/NotoSansArabic-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansArabic-Medium.ttf b/src/fonts/noto/NotoSansArabic-Medium.ttf
new file mode 100644
index 00000000..39e822c5
Binary files /dev/null and b/src/fonts/noto/NotoSansArabic-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansArabic-Regular.ttf b/src/fonts/noto/NotoSansArabic-Regular.ttf
new file mode 100644
index 00000000..9a16eb82
Binary files /dev/null and b/src/fonts/noto/NotoSansArabic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansArabic-Thin.ttf b/src/fonts/noto/NotoSansArabic-Thin.ttf
new file mode 100644
index 00000000..21e80981
Binary files /dev/null and b/src/fonts/noto/NotoSansArabic-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansArmenian-Black.ttf b/src/fonts/noto/NotoSansArmenian-Black.ttf
new file mode 100644
index 00000000..0c5686dd
Binary files /dev/null and b/src/fonts/noto/NotoSansArmenian-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansArmenian-Bold.ttf b/src/fonts/noto/NotoSansArmenian-Bold.ttf
new file mode 100644
index 00000000..1082aac6
Binary files /dev/null and b/src/fonts/noto/NotoSansArmenian-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansArmenian-Light.ttf b/src/fonts/noto/NotoSansArmenian-Light.ttf
new file mode 100644
index 00000000..b8287c1e
Binary files /dev/null and b/src/fonts/noto/NotoSansArmenian-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansArmenian-Medium.ttf b/src/fonts/noto/NotoSansArmenian-Medium.ttf
new file mode 100644
index 00000000..a57cc1a4
Binary files /dev/null and b/src/fonts/noto/NotoSansArmenian-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansArmenian-Regular.ttf b/src/fonts/noto/NotoSansArmenian-Regular.ttf
new file mode 100644
index 00000000..08069ed0
Binary files /dev/null and b/src/fonts/noto/NotoSansArmenian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansArmenian-Thin.ttf b/src/fonts/noto/NotoSansArmenian-Thin.ttf
new file mode 100644
index 00000000..a6da3b0c
Binary files /dev/null and b/src/fonts/noto/NotoSansArmenian-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansAvestan-Regular.ttf b/src/fonts/noto/NotoSansAvestan-Regular.ttf
new file mode 100644
index 00000000..cc982fb1
Binary files /dev/null and b/src/fonts/noto/NotoSansAvestan-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBalinese-Bold.ttf b/src/fonts/noto/NotoSansBalinese-Bold.ttf
new file mode 100644
index 00000000..e0b60789
Binary files /dev/null and b/src/fonts/noto/NotoSansBalinese-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansBalinese-Medium.ttf b/src/fonts/noto/NotoSansBalinese-Medium.ttf
new file mode 100644
index 00000000..fd48acb1
Binary files /dev/null and b/src/fonts/noto/NotoSansBalinese-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansBalinese-Regular.ttf b/src/fonts/noto/NotoSansBalinese-Regular.ttf
new file mode 100644
index 00000000..9f68cb2d
Binary files /dev/null and b/src/fonts/noto/NotoSansBalinese-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBamum-Bold.ttf b/src/fonts/noto/NotoSansBamum-Bold.ttf
new file mode 100644
index 00000000..ffb16851
Binary files /dev/null and b/src/fonts/noto/NotoSansBamum-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansBamum-Medium.ttf b/src/fonts/noto/NotoSansBamum-Medium.ttf
new file mode 100644
index 00000000..54f0dfcf
Binary files /dev/null and b/src/fonts/noto/NotoSansBamum-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansBamum-Regular.ttf b/src/fonts/noto/NotoSansBamum-Regular.ttf
new file mode 100644
index 00000000..cd754cdc
Binary files /dev/null and b/src/fonts/noto/NotoSansBamum-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBassaVah-Bold.ttf b/src/fonts/noto/NotoSansBassaVah-Bold.ttf
new file mode 100644
index 00000000..82fa73d2
Binary files /dev/null and b/src/fonts/noto/NotoSansBassaVah-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansBassaVah-Medium.ttf b/src/fonts/noto/NotoSansBassaVah-Medium.ttf
new file mode 100644
index 00000000..54b68378
Binary files /dev/null and b/src/fonts/noto/NotoSansBassaVah-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansBassaVah-Regular.ttf b/src/fonts/noto/NotoSansBassaVah-Regular.ttf
new file mode 100644
index 00000000..b427d466
Binary files /dev/null and b/src/fonts/noto/NotoSansBassaVah-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBatak-Regular.ttf b/src/fonts/noto/NotoSansBatak-Regular.ttf
new file mode 100644
index 00000000..2172d922
Binary files /dev/null and b/src/fonts/noto/NotoSansBatak-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBengali-Black.ttf b/src/fonts/noto/NotoSansBengali-Black.ttf
new file mode 100644
index 00000000..9c61318a
Binary files /dev/null and b/src/fonts/noto/NotoSansBengali-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansBengali-Bold.ttf b/src/fonts/noto/NotoSansBengali-Bold.ttf
new file mode 100644
index 00000000..fc6a6dc9
Binary files /dev/null and b/src/fonts/noto/NotoSansBengali-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansBengali-Light.ttf b/src/fonts/noto/NotoSansBengali-Light.ttf
new file mode 100644
index 00000000..101c55c5
Binary files /dev/null and b/src/fonts/noto/NotoSansBengali-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansBengali-Medium.ttf b/src/fonts/noto/NotoSansBengali-Medium.ttf
new file mode 100644
index 00000000..c64066fe
Binary files /dev/null and b/src/fonts/noto/NotoSansBengali-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansBengali-Regular.ttf b/src/fonts/noto/NotoSansBengali-Regular.ttf
new file mode 100644
index 00000000..756414c5
Binary files /dev/null and b/src/fonts/noto/NotoSansBengali-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBengali-Thin.ttf b/src/fonts/noto/NotoSansBengali-Thin.ttf
new file mode 100644
index 00000000..ec8589da
Binary files /dev/null and b/src/fonts/noto/NotoSansBengali-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansBengaliUI-Black.ttf b/src/fonts/noto/NotoSansBengaliUI-Black.ttf
new file mode 100644
index 00000000..7dbd29ec
Binary files /dev/null and b/src/fonts/noto/NotoSansBengaliUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansBengaliUI-Bold.ttf b/src/fonts/noto/NotoSansBengaliUI-Bold.ttf
new file mode 100644
index 00000000..74ef3eae
Binary files /dev/null and b/src/fonts/noto/NotoSansBengaliUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansBengaliUI-Light.ttf b/src/fonts/noto/NotoSansBengaliUI-Light.ttf
new file mode 100644
index 00000000..9ceeba04
Binary files /dev/null and b/src/fonts/noto/NotoSansBengaliUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansBengaliUI-Medium.ttf b/src/fonts/noto/NotoSansBengaliUI-Medium.ttf
new file mode 100644
index 00000000..57a299ea
Binary files /dev/null and b/src/fonts/noto/NotoSansBengaliUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansBengaliUI-Regular.ttf b/src/fonts/noto/NotoSansBengaliUI-Regular.ttf
new file mode 100644
index 00000000..135b3be8
Binary files /dev/null and b/src/fonts/noto/NotoSansBengaliUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBengaliUI-Thin.ttf b/src/fonts/noto/NotoSansBengaliUI-Thin.ttf
new file mode 100644
index 00000000..1591e22f
Binary files /dev/null and b/src/fonts/noto/NotoSansBengaliUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansBhaiksuki-Regular.ttf b/src/fonts/noto/NotoSansBhaiksuki-Regular.ttf
new file mode 100644
index 00000000..1ced47ac
Binary files /dev/null and b/src/fonts/noto/NotoSansBhaiksuki-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBrahmi-Regular.ttf b/src/fonts/noto/NotoSansBrahmi-Regular.ttf
new file mode 100644
index 00000000..051bfd2f
Binary files /dev/null and b/src/fonts/noto/NotoSansBrahmi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBuginese-Regular.ttf b/src/fonts/noto/NotoSansBuginese-Regular.ttf
new file mode 100644
index 00000000..3f8a02db
Binary files /dev/null and b/src/fonts/noto/NotoSansBuginese-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansBuhid-Regular.ttf b/src/fonts/noto/NotoSansBuhid-Regular.ttf
new file mode 100644
index 00000000..a4ff9be3
Binary files /dev/null and b/src/fonts/noto/NotoSansBuhid-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCanadianAboriginal-Black.ttf b/src/fonts/noto/NotoSansCanadianAboriginal-Black.ttf
new file mode 100644
index 00000000..cfc85a95
Binary files /dev/null and b/src/fonts/noto/NotoSansCanadianAboriginal-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansCanadianAboriginal-Bold.ttf b/src/fonts/noto/NotoSansCanadianAboriginal-Bold.ttf
new file mode 100644
index 00000000..88aad257
Binary files /dev/null and b/src/fonts/noto/NotoSansCanadianAboriginal-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansCanadianAboriginal-Light.ttf b/src/fonts/noto/NotoSansCanadianAboriginal-Light.ttf
new file mode 100644
index 00000000..afbb175d
Binary files /dev/null and b/src/fonts/noto/NotoSansCanadianAboriginal-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansCanadianAboriginal-Medium.ttf b/src/fonts/noto/NotoSansCanadianAboriginal-Medium.ttf
new file mode 100644
index 00000000..924dc3dc
Binary files /dev/null and b/src/fonts/noto/NotoSansCanadianAboriginal-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansCanadianAboriginal-Regular.ttf b/src/fonts/noto/NotoSansCanadianAboriginal-Regular.ttf
new file mode 100644
index 00000000..6bd1eef0
Binary files /dev/null and b/src/fonts/noto/NotoSansCanadianAboriginal-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCanadianAboriginal-Thin.ttf b/src/fonts/noto/NotoSansCanadianAboriginal-Thin.ttf
new file mode 100644
index 00000000..a1f2fd32
Binary files /dev/null and b/src/fonts/noto/NotoSansCanadianAboriginal-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansCarian-Regular.ttf b/src/fonts/noto/NotoSansCarian-Regular.ttf
new file mode 100644
index 00000000..b68e57c1
Binary files /dev/null and b/src/fonts/noto/NotoSansCarian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCaucasianAlbanian-Regular.ttf b/src/fonts/noto/NotoSansCaucasianAlbanian-Regular.ttf
new file mode 100644
index 00000000..b4717b58
Binary files /dev/null and b/src/fonts/noto/NotoSansCaucasianAlbanian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansChakma-Regular.ttf b/src/fonts/noto/NotoSansChakma-Regular.ttf
new file mode 100644
index 00000000..c09c8802
Binary files /dev/null and b/src/fonts/noto/NotoSansChakma-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCham-Black.ttf b/src/fonts/noto/NotoSansCham-Black.ttf
new file mode 100644
index 00000000..be686393
Binary files /dev/null and b/src/fonts/noto/NotoSansCham-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansCham-Bold.ttf b/src/fonts/noto/NotoSansCham-Bold.ttf
new file mode 100644
index 00000000..04f65593
Binary files /dev/null and b/src/fonts/noto/NotoSansCham-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansCham-Light.ttf b/src/fonts/noto/NotoSansCham-Light.ttf
new file mode 100644
index 00000000..8e569636
Binary files /dev/null and b/src/fonts/noto/NotoSansCham-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansCham-Medium.ttf b/src/fonts/noto/NotoSansCham-Medium.ttf
new file mode 100644
index 00000000..8c0fa099
Binary files /dev/null and b/src/fonts/noto/NotoSansCham-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansCham-Regular.ttf b/src/fonts/noto/NotoSansCham-Regular.ttf
new file mode 100644
index 00000000..6f1c7081
Binary files /dev/null and b/src/fonts/noto/NotoSansCham-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCham-Thin.ttf b/src/fonts/noto/NotoSansCham-Thin.ttf
new file mode 100644
index 00000000..8b13bbaf
Binary files /dev/null and b/src/fonts/noto/NotoSansCham-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansCherokee-Black.ttf b/src/fonts/noto/NotoSansCherokee-Black.ttf
new file mode 100644
index 00000000..0ccde6d4
Binary files /dev/null and b/src/fonts/noto/NotoSansCherokee-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansCherokee-Bold.ttf b/src/fonts/noto/NotoSansCherokee-Bold.ttf
new file mode 100644
index 00000000..f3d7627d
Binary files /dev/null and b/src/fonts/noto/NotoSansCherokee-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansCherokee-Light.ttf b/src/fonts/noto/NotoSansCherokee-Light.ttf
new file mode 100644
index 00000000..399d9d52
Binary files /dev/null and b/src/fonts/noto/NotoSansCherokee-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansCherokee-Medium.ttf b/src/fonts/noto/NotoSansCherokee-Medium.ttf
new file mode 100644
index 00000000..00295a04
Binary files /dev/null and b/src/fonts/noto/NotoSansCherokee-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansCherokee-Regular.ttf b/src/fonts/noto/NotoSansCherokee-Regular.ttf
new file mode 100644
index 00000000..de446dc7
Binary files /dev/null and b/src/fonts/noto/NotoSansCherokee-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCherokee-Thin.ttf b/src/fonts/noto/NotoSansCherokee-Thin.ttf
new file mode 100644
index 00000000..e274d57c
Binary files /dev/null and b/src/fonts/noto/NotoSansCherokee-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansChorasmian-Regular.ttf b/src/fonts/noto/NotoSansChorasmian-Regular.ttf
new file mode 100644
index 00000000..7d93e077
Binary files /dev/null and b/src/fonts/noto/NotoSansChorasmian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCoptic-Regular.ttf b/src/fonts/noto/NotoSansCoptic-Regular.ttf
new file mode 100644
index 00000000..95542067
Binary files /dev/null and b/src/fonts/noto/NotoSansCoptic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCuneiform-Regular.ttf b/src/fonts/noto/NotoSansCuneiform-Regular.ttf
new file mode 100644
index 00000000..1b8be82a
Binary files /dev/null and b/src/fonts/noto/NotoSansCuneiform-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCypriot-Regular.ttf b/src/fonts/noto/NotoSansCypriot-Regular.ttf
new file mode 100644
index 00000000..c0c592d1
Binary files /dev/null and b/src/fonts/noto/NotoSansCypriot-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansCyproMinoan-Regular.ttf b/src/fonts/noto/NotoSansCyproMinoan-Regular.ttf
new file mode 100644
index 00000000..e8cabb20
Binary files /dev/null and b/src/fonts/noto/NotoSansCyproMinoan-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansDeseret-Regular.ttf b/src/fonts/noto/NotoSansDeseret-Regular.ttf
new file mode 100644
index 00000000..a1cfa42a
Binary files /dev/null and b/src/fonts/noto/NotoSansDeseret-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagari-Black.ttf b/src/fonts/noto/NotoSansDevanagari-Black.ttf
new file mode 100644
index 00000000..df33e9b7
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagari-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagari-Bold.ttf b/src/fonts/noto/NotoSansDevanagari-Bold.ttf
new file mode 100644
index 00000000..177a694a
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagari-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagari-Light.ttf b/src/fonts/noto/NotoSansDevanagari-Light.ttf
new file mode 100644
index 00000000..c624a109
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagari-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagari-Medium.ttf b/src/fonts/noto/NotoSansDevanagari-Medium.ttf
new file mode 100644
index 00000000..f5b4191c
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagari-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagari-Regular.ttf b/src/fonts/noto/NotoSansDevanagari-Regular.ttf
new file mode 100644
index 00000000..7f44f3ff
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagari-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagari-Thin.ttf b/src/fonts/noto/NotoSansDevanagari-Thin.ttf
new file mode 100644
index 00000000..612be6e5
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagari-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagariUI-Black.ttf b/src/fonts/noto/NotoSansDevanagariUI-Black.ttf
new file mode 100644
index 00000000..f972ad15
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagariUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagariUI-Bold.ttf b/src/fonts/noto/NotoSansDevanagariUI-Bold.ttf
new file mode 100644
index 00000000..88ffeabb
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagariUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagariUI-Light.ttf b/src/fonts/noto/NotoSansDevanagariUI-Light.ttf
new file mode 100644
index 00000000..cf1a6b6b
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagariUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagariUI-Medium.ttf b/src/fonts/noto/NotoSansDevanagariUI-Medium.ttf
new file mode 100644
index 00000000..ea5e7f22
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagariUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagariUI-Regular.ttf b/src/fonts/noto/NotoSansDevanagariUI-Regular.ttf
new file mode 100644
index 00000000..102ffce0
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagariUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansDevanagariUI-Thin.ttf b/src/fonts/noto/NotoSansDevanagariUI-Thin.ttf
new file mode 100644
index 00000000..c040b193
Binary files /dev/null and b/src/fonts/noto/NotoSansDevanagariUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansDuployan-Bold.ttf b/src/fonts/noto/NotoSansDuployan-Bold.ttf
new file mode 100644
index 00000000..7246efeb
Binary files /dev/null and b/src/fonts/noto/NotoSansDuployan-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansDuployan-Regular.ttf b/src/fonts/noto/NotoSansDuployan-Regular.ttf
new file mode 100644
index 00000000..445b57e0
Binary files /dev/null and b/src/fonts/noto/NotoSansDuployan-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansEgyptianHieroglyphs-Regular.ttf b/src/fonts/noto/NotoSansEgyptianHieroglyphs-Regular.ttf
new file mode 100644
index 00000000..a55f3e60
Binary files /dev/null and b/src/fonts/noto/NotoSansEgyptianHieroglyphs-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansElbasan-Regular.ttf b/src/fonts/noto/NotoSansElbasan-Regular.ttf
new file mode 100644
index 00000000..ec74cd50
Binary files /dev/null and b/src/fonts/noto/NotoSansElbasan-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansElymaic-Regular.ttf b/src/fonts/noto/NotoSansElymaic-Regular.ttf
new file mode 100644
index 00000000..ab110a99
Binary files /dev/null and b/src/fonts/noto/NotoSansElymaic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansEthiopic-Black.ttf b/src/fonts/noto/NotoSansEthiopic-Black.ttf
new file mode 100644
index 00000000..7635b709
Binary files /dev/null and b/src/fonts/noto/NotoSansEthiopic-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansEthiopic-Bold.ttf b/src/fonts/noto/NotoSansEthiopic-Bold.ttf
new file mode 100644
index 00000000..f2bcb237
Binary files /dev/null and b/src/fonts/noto/NotoSansEthiopic-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansEthiopic-Light.ttf b/src/fonts/noto/NotoSansEthiopic-Light.ttf
new file mode 100644
index 00000000..aba684b9
Binary files /dev/null and b/src/fonts/noto/NotoSansEthiopic-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansEthiopic-Medium.ttf b/src/fonts/noto/NotoSansEthiopic-Medium.ttf
new file mode 100644
index 00000000..2059de22
Binary files /dev/null and b/src/fonts/noto/NotoSansEthiopic-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansEthiopic-Regular.ttf b/src/fonts/noto/NotoSansEthiopic-Regular.ttf
new file mode 100644
index 00000000..8820031e
Binary files /dev/null and b/src/fonts/noto/NotoSansEthiopic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansEthiopic-Thin.ttf b/src/fonts/noto/NotoSansEthiopic-Thin.ttf
new file mode 100644
index 00000000..6c7c92f9
Binary files /dev/null and b/src/fonts/noto/NotoSansEthiopic-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansGeorgian-Black.ttf b/src/fonts/noto/NotoSansGeorgian-Black.ttf
new file mode 100644
index 00000000..8a630736
Binary files /dev/null and b/src/fonts/noto/NotoSansGeorgian-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansGeorgian-Bold.ttf b/src/fonts/noto/NotoSansGeorgian-Bold.ttf
new file mode 100644
index 00000000..e850fdaa
Binary files /dev/null and b/src/fonts/noto/NotoSansGeorgian-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansGeorgian-Light.ttf b/src/fonts/noto/NotoSansGeorgian-Light.ttf
new file mode 100644
index 00000000..8c9b4b2a
Binary files /dev/null and b/src/fonts/noto/NotoSansGeorgian-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansGeorgian-Medium.ttf b/src/fonts/noto/NotoSansGeorgian-Medium.ttf
new file mode 100644
index 00000000..5ef12445
Binary files /dev/null and b/src/fonts/noto/NotoSansGeorgian-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansGeorgian-Regular.ttf b/src/fonts/noto/NotoSansGeorgian-Regular.ttf
new file mode 100644
index 00000000..6c5008d9
Binary files /dev/null and b/src/fonts/noto/NotoSansGeorgian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGeorgian-Thin.ttf b/src/fonts/noto/NotoSansGeorgian-Thin.ttf
new file mode 100644
index 00000000..6f607509
Binary files /dev/null and b/src/fonts/noto/NotoSansGeorgian-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansGlagolitic-Regular.ttf b/src/fonts/noto/NotoSansGlagolitic-Regular.ttf
new file mode 100644
index 00000000..06e7df46
Binary files /dev/null and b/src/fonts/noto/NotoSansGlagolitic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGothic-Regular.ttf b/src/fonts/noto/NotoSansGothic-Regular.ttf
new file mode 100644
index 00000000..c246e340
Binary files /dev/null and b/src/fonts/noto/NotoSansGothic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGrantha-Regular.ttf b/src/fonts/noto/NotoSansGrantha-Regular.ttf
new file mode 100644
index 00000000..7f13cf95
Binary files /dev/null and b/src/fonts/noto/NotoSansGrantha-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGujarati-Black.ttf b/src/fonts/noto/NotoSansGujarati-Black.ttf
new file mode 100644
index 00000000..a552ebe4
Binary files /dev/null and b/src/fonts/noto/NotoSansGujarati-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansGujarati-Bold.ttf b/src/fonts/noto/NotoSansGujarati-Bold.ttf
new file mode 100644
index 00000000..2d333016
Binary files /dev/null and b/src/fonts/noto/NotoSansGujarati-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansGujarati-Light.ttf b/src/fonts/noto/NotoSansGujarati-Light.ttf
new file mode 100644
index 00000000..8127c935
Binary files /dev/null and b/src/fonts/noto/NotoSansGujarati-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansGujarati-Medium.ttf b/src/fonts/noto/NotoSansGujarati-Medium.ttf
new file mode 100644
index 00000000..5f749494
Binary files /dev/null and b/src/fonts/noto/NotoSansGujarati-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansGujarati-Regular.ttf b/src/fonts/noto/NotoSansGujarati-Regular.ttf
new file mode 100644
index 00000000..cf100cfa
Binary files /dev/null and b/src/fonts/noto/NotoSansGujarati-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGujarati-Thin.ttf b/src/fonts/noto/NotoSansGujarati-Thin.ttf
new file mode 100644
index 00000000..26903d8f
Binary files /dev/null and b/src/fonts/noto/NotoSansGujarati-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansGujaratiUI-Black.ttf b/src/fonts/noto/NotoSansGujaratiUI-Black.ttf
new file mode 100644
index 00000000..212e38d1
Binary files /dev/null and b/src/fonts/noto/NotoSansGujaratiUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansGujaratiUI-Bold.ttf b/src/fonts/noto/NotoSansGujaratiUI-Bold.ttf
new file mode 100644
index 00000000..01951ac9
Binary files /dev/null and b/src/fonts/noto/NotoSansGujaratiUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansGujaratiUI-Light.ttf b/src/fonts/noto/NotoSansGujaratiUI-Light.ttf
new file mode 100644
index 00000000..42513063
Binary files /dev/null and b/src/fonts/noto/NotoSansGujaratiUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansGujaratiUI-Medium.ttf b/src/fonts/noto/NotoSansGujaratiUI-Medium.ttf
new file mode 100644
index 00000000..619e519a
Binary files /dev/null and b/src/fonts/noto/NotoSansGujaratiUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansGujaratiUI-Regular.ttf b/src/fonts/noto/NotoSansGujaratiUI-Regular.ttf
new file mode 100644
index 00000000..ee5f329d
Binary files /dev/null and b/src/fonts/noto/NotoSansGujaratiUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGujaratiUI-Thin.ttf b/src/fonts/noto/NotoSansGujaratiUI-Thin.ttf
new file mode 100644
index 00000000..a07b813e
Binary files /dev/null and b/src/fonts/noto/NotoSansGujaratiUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansGunjalaGondi-Bold.ttf b/src/fonts/noto/NotoSansGunjalaGondi-Bold.ttf
new file mode 100644
index 00000000..98fc87a5
Binary files /dev/null and b/src/fonts/noto/NotoSansGunjalaGondi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansGunjalaGondi-Medium.ttf b/src/fonts/noto/NotoSansGunjalaGondi-Medium.ttf
new file mode 100644
index 00000000..df00494d
Binary files /dev/null and b/src/fonts/noto/NotoSansGunjalaGondi-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansGunjalaGondi-Regular.ttf b/src/fonts/noto/NotoSansGunjalaGondi-Regular.ttf
new file mode 100644
index 00000000..7a2eced5
Binary files /dev/null and b/src/fonts/noto/NotoSansGunjalaGondi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhi-Black.ttf b/src/fonts/noto/NotoSansGurmukhi-Black.ttf
new file mode 100644
index 00000000..f8c542cd
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhi-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhi-Bold.ttf b/src/fonts/noto/NotoSansGurmukhi-Bold.ttf
new file mode 100644
index 00000000..b8f51300
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhi-Light.ttf b/src/fonts/noto/NotoSansGurmukhi-Light.ttf
new file mode 100644
index 00000000..431769e7
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhi-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhi-Medium.ttf b/src/fonts/noto/NotoSansGurmukhi-Medium.ttf
new file mode 100644
index 00000000..0949f032
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhi-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhi-Regular.ttf b/src/fonts/noto/NotoSansGurmukhi-Regular.ttf
new file mode 100644
index 00000000..3b08955a
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhi-Thin.ttf b/src/fonts/noto/NotoSansGurmukhi-Thin.ttf
new file mode 100644
index 00000000..ddaf9b26
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhi-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhiUI-Black.ttf b/src/fonts/noto/NotoSansGurmukhiUI-Black.ttf
new file mode 100644
index 00000000..5669e42e
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhiUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhiUI-Bold.ttf b/src/fonts/noto/NotoSansGurmukhiUI-Bold.ttf
new file mode 100644
index 00000000..5cedbc07
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhiUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhiUI-Light.ttf b/src/fonts/noto/NotoSansGurmukhiUI-Light.ttf
new file mode 100644
index 00000000..5f015657
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhiUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhiUI-Medium.ttf b/src/fonts/noto/NotoSansGurmukhiUI-Medium.ttf
new file mode 100644
index 00000000..dbf60886
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhiUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhiUI-Regular.ttf b/src/fonts/noto/NotoSansGurmukhiUI-Regular.ttf
new file mode 100644
index 00000000..3fbeeabd
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhiUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansGurmukhiUI-Thin.ttf b/src/fonts/noto/NotoSansGurmukhiUI-Thin.ttf
new file mode 100644
index 00000000..b4d40c77
Binary files /dev/null and b/src/fonts/noto/NotoSansGurmukhiUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansHanifiRohingya-Bold.ttf b/src/fonts/noto/NotoSansHanifiRohingya-Bold.ttf
new file mode 100644
index 00000000..9442f4f6
Binary files /dev/null and b/src/fonts/noto/NotoSansHanifiRohingya-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansHanifiRohingya-Medium.ttf b/src/fonts/noto/NotoSansHanifiRohingya-Medium.ttf
new file mode 100644
index 00000000..30816778
Binary files /dev/null and b/src/fonts/noto/NotoSansHanifiRohingya-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansHanifiRohingya-Regular.ttf b/src/fonts/noto/NotoSansHanifiRohingya-Regular.ttf
new file mode 100644
index 00000000..d6a8fe4b
Binary files /dev/null and b/src/fonts/noto/NotoSansHanifiRohingya-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansHanunoo-Regular.ttf b/src/fonts/noto/NotoSansHanunoo-Regular.ttf
new file mode 100644
index 00000000..e947a984
Binary files /dev/null and b/src/fonts/noto/NotoSansHanunoo-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansHatran-Regular.ttf b/src/fonts/noto/NotoSansHatran-Regular.ttf
new file mode 100644
index 00000000..8479cecc
Binary files /dev/null and b/src/fonts/noto/NotoSansHatran-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansHebrew-Black.ttf b/src/fonts/noto/NotoSansHebrew-Black.ttf
new file mode 100644
index 00000000..ad6aef4d
Binary files /dev/null and b/src/fonts/noto/NotoSansHebrew-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansHebrew-Bold.ttf b/src/fonts/noto/NotoSansHebrew-Bold.ttf
new file mode 100644
index 00000000..b41ec18c
Binary files /dev/null and b/src/fonts/noto/NotoSansHebrew-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansHebrew-Light.ttf b/src/fonts/noto/NotoSansHebrew-Light.ttf
new file mode 100644
index 00000000..00839f2c
Binary files /dev/null and b/src/fonts/noto/NotoSansHebrew-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansHebrew-Medium.ttf b/src/fonts/noto/NotoSansHebrew-Medium.ttf
new file mode 100644
index 00000000..6328f628
Binary files /dev/null and b/src/fonts/noto/NotoSansHebrew-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansHebrew-Regular.ttf b/src/fonts/noto/NotoSansHebrew-Regular.ttf
new file mode 100644
index 00000000..7a9a4218
Binary files /dev/null and b/src/fonts/noto/NotoSansHebrew-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansHebrew-Thin.ttf b/src/fonts/noto/NotoSansHebrew-Thin.ttf
new file mode 100644
index 00000000..89b58154
Binary files /dev/null and b/src/fonts/noto/NotoSansHebrew-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansImperialAramaic-Regular.ttf b/src/fonts/noto/NotoSansImperialAramaic-Regular.ttf
new file mode 100644
index 00000000..f28ef0f5
Binary files /dev/null and b/src/fonts/noto/NotoSansImperialAramaic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansIndicSiyaqNumbers-Regular.ttf b/src/fonts/noto/NotoSansIndicSiyaqNumbers-Regular.ttf
new file mode 100644
index 00000000..32cc716d
Binary files /dev/null and b/src/fonts/noto/NotoSansIndicSiyaqNumbers-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansInscriptionalPahlavi-Regular.ttf b/src/fonts/noto/NotoSansInscriptionalPahlavi-Regular.ttf
new file mode 100644
index 00000000..90b9a919
Binary files /dev/null and b/src/fonts/noto/NotoSansInscriptionalPahlavi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansInscriptionalParthian-Regular.ttf b/src/fonts/noto/NotoSansInscriptionalParthian-Regular.ttf
new file mode 100644
index 00000000..aafc6d73
Binary files /dev/null and b/src/fonts/noto/NotoSansInscriptionalParthian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansJavanese-Bold.ttf b/src/fonts/noto/NotoSansJavanese-Bold.ttf
new file mode 100644
index 00000000..7dea3a2b
Binary files /dev/null and b/src/fonts/noto/NotoSansJavanese-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansJavanese-Regular.ttf b/src/fonts/noto/NotoSansJavanese-Regular.ttf
new file mode 100644
index 00000000..348189be
Binary files /dev/null and b/src/fonts/noto/NotoSansJavanese-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKaithi-Regular.ttf b/src/fonts/noto/NotoSansKaithi-Regular.ttf
new file mode 100644
index 00000000..41f5a100
Binary files /dev/null and b/src/fonts/noto/NotoSansKaithi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKannada-Black.ttf b/src/fonts/noto/NotoSansKannada-Black.ttf
new file mode 100644
index 00000000..6e01367f
Binary files /dev/null and b/src/fonts/noto/NotoSansKannada-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansKannada-Bold.ttf b/src/fonts/noto/NotoSansKannada-Bold.ttf
new file mode 100644
index 00000000..6ee5a85e
Binary files /dev/null and b/src/fonts/noto/NotoSansKannada-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansKannada-Light.ttf b/src/fonts/noto/NotoSansKannada-Light.ttf
new file mode 100644
index 00000000..3a22df96
Binary files /dev/null and b/src/fonts/noto/NotoSansKannada-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansKannada-Medium.ttf b/src/fonts/noto/NotoSansKannada-Medium.ttf
new file mode 100644
index 00000000..a5064ae3
Binary files /dev/null and b/src/fonts/noto/NotoSansKannada-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansKannada-Regular.ttf b/src/fonts/noto/NotoSansKannada-Regular.ttf
new file mode 100644
index 00000000..6a42ea89
Binary files /dev/null and b/src/fonts/noto/NotoSansKannada-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKannada-Thin.ttf b/src/fonts/noto/NotoSansKannada-Thin.ttf
new file mode 100644
index 00000000..4403cc9e
Binary files /dev/null and b/src/fonts/noto/NotoSansKannada-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansKannadaUI-Black.ttf b/src/fonts/noto/NotoSansKannadaUI-Black.ttf
new file mode 100644
index 00000000..d2d60998
Binary files /dev/null and b/src/fonts/noto/NotoSansKannadaUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansKannadaUI-Bold.ttf b/src/fonts/noto/NotoSansKannadaUI-Bold.ttf
new file mode 100644
index 00000000..f6d0c0b1
Binary files /dev/null and b/src/fonts/noto/NotoSansKannadaUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansKannadaUI-Light.ttf b/src/fonts/noto/NotoSansKannadaUI-Light.ttf
new file mode 100644
index 00000000..31ce0991
Binary files /dev/null and b/src/fonts/noto/NotoSansKannadaUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansKannadaUI-Medium.ttf b/src/fonts/noto/NotoSansKannadaUI-Medium.ttf
new file mode 100644
index 00000000..6b8d00c1
Binary files /dev/null and b/src/fonts/noto/NotoSansKannadaUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansKannadaUI-Regular.ttf b/src/fonts/noto/NotoSansKannadaUI-Regular.ttf
new file mode 100644
index 00000000..3ac69d75
Binary files /dev/null and b/src/fonts/noto/NotoSansKannadaUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKannadaUI-Thin.ttf b/src/fonts/noto/NotoSansKannadaUI-Thin.ttf
new file mode 100644
index 00000000..d48484e2
Binary files /dev/null and b/src/fonts/noto/NotoSansKannadaUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansKawi-Bold.ttf b/src/fonts/noto/NotoSansKawi-Bold.ttf
new file mode 100644
index 00000000..f1ee4de2
Binary files /dev/null and b/src/fonts/noto/NotoSansKawi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansKawi-Regular.ttf b/src/fonts/noto/NotoSansKawi-Regular.ttf
new file mode 100644
index 00000000..165fd53b
Binary files /dev/null and b/src/fonts/noto/NotoSansKawi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKayahLi-Bold.ttf b/src/fonts/noto/NotoSansKayahLi-Bold.ttf
new file mode 100644
index 00000000..131663d0
Binary files /dev/null and b/src/fonts/noto/NotoSansKayahLi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansKayahLi-Medium.ttf b/src/fonts/noto/NotoSansKayahLi-Medium.ttf
new file mode 100644
index 00000000..53d33e02
Binary files /dev/null and b/src/fonts/noto/NotoSansKayahLi-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansKayahLi-Regular.ttf b/src/fonts/noto/NotoSansKayahLi-Regular.ttf
new file mode 100644
index 00000000..7004d01a
Binary files /dev/null and b/src/fonts/noto/NotoSansKayahLi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKharoshthi-Regular.ttf b/src/fonts/noto/NotoSansKharoshthi-Regular.ttf
new file mode 100644
index 00000000..33c01e7e
Binary files /dev/null and b/src/fonts/noto/NotoSansKharoshthi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKhmer-Black.ttf b/src/fonts/noto/NotoSansKhmer-Black.ttf
new file mode 100644
index 00000000..da67d677
Binary files /dev/null and b/src/fonts/noto/NotoSansKhmer-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansKhmer-Bold.ttf b/src/fonts/noto/NotoSansKhmer-Bold.ttf
new file mode 100644
index 00000000..c03a5909
Binary files /dev/null and b/src/fonts/noto/NotoSansKhmer-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansKhmer-Light.ttf b/src/fonts/noto/NotoSansKhmer-Light.ttf
new file mode 100644
index 00000000..ed68cb59
Binary files /dev/null and b/src/fonts/noto/NotoSansKhmer-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansKhmer-Medium.ttf b/src/fonts/noto/NotoSansKhmer-Medium.ttf
new file mode 100644
index 00000000..772a9dd1
Binary files /dev/null and b/src/fonts/noto/NotoSansKhmer-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansKhmer-Regular.ttf b/src/fonts/noto/NotoSansKhmer-Regular.ttf
new file mode 100644
index 00000000..5c22ec4e
Binary files /dev/null and b/src/fonts/noto/NotoSansKhmer-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKhmer-Thin.ttf b/src/fonts/noto/NotoSansKhmer-Thin.ttf
new file mode 100644
index 00000000..e22f9589
Binary files /dev/null and b/src/fonts/noto/NotoSansKhmer-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansKhojki-Regular.ttf b/src/fonts/noto/NotoSansKhojki-Regular.ttf
new file mode 100644
index 00000000..fb761f8b
Binary files /dev/null and b/src/fonts/noto/NotoSansKhojki-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansKhudawadi-Regular.ttf b/src/fonts/noto/NotoSansKhudawadi-Regular.ttf
new file mode 100644
index 00000000..f2e58993
Binary files /dev/null and b/src/fonts/noto/NotoSansKhudawadi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLao-Black.ttf b/src/fonts/noto/NotoSansLao-Black.ttf
new file mode 100644
index 00000000..1f8f14ba
Binary files /dev/null and b/src/fonts/noto/NotoSansLao-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansLao-Bold.ttf b/src/fonts/noto/NotoSansLao-Bold.ttf
new file mode 100644
index 00000000..73d0426f
Binary files /dev/null and b/src/fonts/noto/NotoSansLao-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansLao-Light.ttf b/src/fonts/noto/NotoSansLao-Light.ttf
new file mode 100644
index 00000000..3ee6350a
Binary files /dev/null and b/src/fonts/noto/NotoSansLao-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansLao-Medium.ttf b/src/fonts/noto/NotoSansLao-Medium.ttf
new file mode 100644
index 00000000..1e1bccf2
Binary files /dev/null and b/src/fonts/noto/NotoSansLao-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansLao-Regular.ttf b/src/fonts/noto/NotoSansLao-Regular.ttf
new file mode 100644
index 00000000..72cb4240
Binary files /dev/null and b/src/fonts/noto/NotoSansLao-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLao-Thin.ttf b/src/fonts/noto/NotoSansLao-Thin.ttf
new file mode 100644
index 00000000..a93496be
Binary files /dev/null and b/src/fonts/noto/NotoSansLao-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansLaoLooped-Black.ttf b/src/fonts/noto/NotoSansLaoLooped-Black.ttf
new file mode 100644
index 00000000..36b5db2a
Binary files /dev/null and b/src/fonts/noto/NotoSansLaoLooped-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansLaoLooped-Bold.ttf b/src/fonts/noto/NotoSansLaoLooped-Bold.ttf
new file mode 100644
index 00000000..e36a9462
Binary files /dev/null and b/src/fonts/noto/NotoSansLaoLooped-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansLaoLooped-Light.ttf b/src/fonts/noto/NotoSansLaoLooped-Light.ttf
new file mode 100644
index 00000000..8aee0957
Binary files /dev/null and b/src/fonts/noto/NotoSansLaoLooped-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansLaoLooped-Medium.ttf b/src/fonts/noto/NotoSansLaoLooped-Medium.ttf
new file mode 100644
index 00000000..338f2079
Binary files /dev/null and b/src/fonts/noto/NotoSansLaoLooped-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansLaoLooped-Regular.ttf b/src/fonts/noto/NotoSansLaoLooped-Regular.ttf
new file mode 100644
index 00000000..19fa4b1a
Binary files /dev/null and b/src/fonts/noto/NotoSansLaoLooped-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLaoLooped-Thin.ttf b/src/fonts/noto/NotoSansLaoLooped-Thin.ttf
new file mode 100644
index 00000000..5522aab2
Binary files /dev/null and b/src/fonts/noto/NotoSansLaoLooped-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansLepcha-Regular.ttf b/src/fonts/noto/NotoSansLepcha-Regular.ttf
new file mode 100644
index 00000000..818c482e
Binary files /dev/null and b/src/fonts/noto/NotoSansLepcha-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLimbu-Regular.ttf b/src/fonts/noto/NotoSansLimbu-Regular.ttf
new file mode 100644
index 00000000..41ec9217
Binary files /dev/null and b/src/fonts/noto/NotoSansLimbu-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLinearA-Regular.ttf b/src/fonts/noto/NotoSansLinearA-Regular.ttf
new file mode 100644
index 00000000..a56ace44
Binary files /dev/null and b/src/fonts/noto/NotoSansLinearA-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLinearB-Regular.ttf b/src/fonts/noto/NotoSansLinearB-Regular.ttf
new file mode 100644
index 00000000..55b7f087
Binary files /dev/null and b/src/fonts/noto/NotoSansLinearB-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLisu-Bold.ttf b/src/fonts/noto/NotoSansLisu-Bold.ttf
new file mode 100644
index 00000000..9b634d56
Binary files /dev/null and b/src/fonts/noto/NotoSansLisu-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansLisu-Medium.ttf b/src/fonts/noto/NotoSansLisu-Medium.ttf
new file mode 100644
index 00000000..f57c292d
Binary files /dev/null and b/src/fonts/noto/NotoSansLisu-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansLisu-Regular.ttf b/src/fonts/noto/NotoSansLisu-Regular.ttf
new file mode 100644
index 00000000..411346f8
Binary files /dev/null and b/src/fonts/noto/NotoSansLisu-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLycian-Regular.ttf b/src/fonts/noto/NotoSansLycian-Regular.ttf
new file mode 100644
index 00000000..85eb2d3f
Binary files /dev/null and b/src/fonts/noto/NotoSansLycian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansLydian-Regular.ttf b/src/fonts/noto/NotoSansLydian-Regular.ttf
new file mode 100644
index 00000000..0a3a4a7d
Binary files /dev/null and b/src/fonts/noto/NotoSansLydian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMahajani-Regular.ttf b/src/fonts/noto/NotoSansMahajani-Regular.ttf
new file mode 100644
index 00000000..e041bb30
Binary files /dev/null and b/src/fonts/noto/NotoSansMahajani-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalam-Black.ttf b/src/fonts/noto/NotoSansMalayalam-Black.ttf
new file mode 100644
index 00000000..dc2cd737
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalam-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalam-Bold.ttf b/src/fonts/noto/NotoSansMalayalam-Bold.ttf
new file mode 100644
index 00000000..7891b09b
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalam-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalam-Light.ttf b/src/fonts/noto/NotoSansMalayalam-Light.ttf
new file mode 100644
index 00000000..e593381d
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalam-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalam-Medium.ttf b/src/fonts/noto/NotoSansMalayalam-Medium.ttf
new file mode 100644
index 00000000..af3abbdf
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalam-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalam-Regular.ttf b/src/fonts/noto/NotoSansMalayalam-Regular.ttf
new file mode 100644
index 00000000..32dc2c62
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalam-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalam-Thin.ttf b/src/fonts/noto/NotoSansMalayalam-Thin.ttf
new file mode 100644
index 00000000..e5ac841c
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalam-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalamUI-Black.ttf b/src/fonts/noto/NotoSansMalayalamUI-Black.ttf
new file mode 100644
index 00000000..742a6a00
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalamUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalamUI-Bold.ttf b/src/fonts/noto/NotoSansMalayalamUI-Bold.ttf
new file mode 100644
index 00000000..7464d1f4
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalamUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalamUI-Light.ttf b/src/fonts/noto/NotoSansMalayalamUI-Light.ttf
new file mode 100644
index 00000000..78e9b59a
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalamUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalamUI-Medium.ttf b/src/fonts/noto/NotoSansMalayalamUI-Medium.ttf
new file mode 100644
index 00000000..87484e30
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalamUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalamUI-Regular.ttf b/src/fonts/noto/NotoSansMalayalamUI-Regular.ttf
new file mode 100644
index 00000000..6cb917ea
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalamUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMalayalamUI-Thin.ttf b/src/fonts/noto/NotoSansMalayalamUI-Thin.ttf
new file mode 100644
index 00000000..9fcf3e85
Binary files /dev/null and b/src/fonts/noto/NotoSansMalayalamUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansMandaic-Regular.ttf b/src/fonts/noto/NotoSansMandaic-Regular.ttf
new file mode 100644
index 00000000..e95e1e32
Binary files /dev/null and b/src/fonts/noto/NotoSansMandaic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansManichaean-Regular.ttf b/src/fonts/noto/NotoSansManichaean-Regular.ttf
new file mode 100644
index 00000000..8ec5a8c2
Binary files /dev/null and b/src/fonts/noto/NotoSansManichaean-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMarchen-Regular.ttf b/src/fonts/noto/NotoSansMarchen-Regular.ttf
new file mode 100644
index 00000000..3516c968
Binary files /dev/null and b/src/fonts/noto/NotoSansMarchen-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMasaramGondi-Regular.ttf b/src/fonts/noto/NotoSansMasaramGondi-Regular.ttf
new file mode 100644
index 00000000..fe3cc572
Binary files /dev/null and b/src/fonts/noto/NotoSansMasaramGondi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMath-Regular.ttf b/src/fonts/noto/NotoSansMath-Regular.ttf
new file mode 100644
index 00000000..68bb32b6
Binary files /dev/null and b/src/fonts/noto/NotoSansMath-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMayanNumerals-Regular.ttf b/src/fonts/noto/NotoSansMayanNumerals-Regular.ttf
new file mode 100644
index 00000000..8c94b3e8
Binary files /dev/null and b/src/fonts/noto/NotoSansMayanNumerals-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMedefaidrin-Bold.ttf b/src/fonts/noto/NotoSansMedefaidrin-Bold.ttf
new file mode 100644
index 00000000..9719ff4f
Binary files /dev/null and b/src/fonts/noto/NotoSansMedefaidrin-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansMedefaidrin-Medium.ttf b/src/fonts/noto/NotoSansMedefaidrin-Medium.ttf
new file mode 100644
index 00000000..c591b292
Binary files /dev/null and b/src/fonts/noto/NotoSansMedefaidrin-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansMedefaidrin-Regular.ttf b/src/fonts/noto/NotoSansMedefaidrin-Regular.ttf
new file mode 100644
index 00000000..6bf52e3c
Binary files /dev/null and b/src/fonts/noto/NotoSansMedefaidrin-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMeeteiMayek-Black.ttf b/src/fonts/noto/NotoSansMeeteiMayek-Black.ttf
new file mode 100644
index 00000000..ec5b80b6
Binary files /dev/null and b/src/fonts/noto/NotoSansMeeteiMayek-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansMeeteiMayek-Bold.ttf b/src/fonts/noto/NotoSansMeeteiMayek-Bold.ttf
new file mode 100644
index 00000000..820fc346
Binary files /dev/null and b/src/fonts/noto/NotoSansMeeteiMayek-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansMeeteiMayek-Light.ttf b/src/fonts/noto/NotoSansMeeteiMayek-Light.ttf
new file mode 100644
index 00000000..98e1f63c
Binary files /dev/null and b/src/fonts/noto/NotoSansMeeteiMayek-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansMeeteiMayek-Medium.ttf b/src/fonts/noto/NotoSansMeeteiMayek-Medium.ttf
new file mode 100644
index 00000000..be0f5211
Binary files /dev/null and b/src/fonts/noto/NotoSansMeeteiMayek-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansMeeteiMayek-Regular.ttf b/src/fonts/noto/NotoSansMeeteiMayek-Regular.ttf
new file mode 100644
index 00000000..7d4bdcde
Binary files /dev/null and b/src/fonts/noto/NotoSansMeeteiMayek-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMeeteiMayek-Thin.ttf b/src/fonts/noto/NotoSansMeeteiMayek-Thin.ttf
new file mode 100644
index 00000000..3ea5010b
Binary files /dev/null and b/src/fonts/noto/NotoSansMeeteiMayek-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansMendeKikakui-Regular.ttf b/src/fonts/noto/NotoSansMendeKikakui-Regular.ttf
new file mode 100644
index 00000000..bcf00290
Binary files /dev/null and b/src/fonts/noto/NotoSansMendeKikakui-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMeroitic-Regular.ttf b/src/fonts/noto/NotoSansMeroitic-Regular.ttf
new file mode 100644
index 00000000..52a4505b
Binary files /dev/null and b/src/fonts/noto/NotoSansMeroitic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMiao-Regular.ttf b/src/fonts/noto/NotoSansMiao-Regular.ttf
new file mode 100644
index 00000000..7e8fd2b9
Binary files /dev/null and b/src/fonts/noto/NotoSansMiao-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansModi-Regular.ttf b/src/fonts/noto/NotoSansModi-Regular.ttf
new file mode 100644
index 00000000..f5c56520
Binary files /dev/null and b/src/fonts/noto/NotoSansModi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMongolian-Regular.ttf b/src/fonts/noto/NotoSansMongolian-Regular.ttf
new file mode 100644
index 00000000..7c21d6ff
Binary files /dev/null and b/src/fonts/noto/NotoSansMongolian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMono-Black.ttf b/src/fonts/noto/NotoSansMono-Black.ttf
new file mode 100644
index 00000000..a7812e0c
Binary files /dev/null and b/src/fonts/noto/NotoSansMono-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansMono-Bold.ttf b/src/fonts/noto/NotoSansMono-Bold.ttf
new file mode 100644
index 00000000..9218a79c
Binary files /dev/null and b/src/fonts/noto/NotoSansMono-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansMono-Light.ttf b/src/fonts/noto/NotoSansMono-Light.ttf
new file mode 100644
index 00000000..6e8d6446
Binary files /dev/null and b/src/fonts/noto/NotoSansMono-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansMono-Medium.ttf b/src/fonts/noto/NotoSansMono-Medium.ttf
new file mode 100644
index 00000000..bc54584c
Binary files /dev/null and b/src/fonts/noto/NotoSansMono-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansMono-Regular.ttf b/src/fonts/noto/NotoSansMono-Regular.ttf
new file mode 100644
index 00000000..159ca4b1
Binary files /dev/null and b/src/fonts/noto/NotoSansMono-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMono-Thin.ttf b/src/fonts/noto/NotoSansMono-Thin.ttf
new file mode 100644
index 00000000..712a44a3
Binary files /dev/null and b/src/fonts/noto/NotoSansMono-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansMro-Regular.ttf b/src/fonts/noto/NotoSansMro-Regular.ttf
new file mode 100644
index 00000000..de8dd6cf
Binary files /dev/null and b/src/fonts/noto/NotoSansMro-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMultani-Regular.ttf b/src/fonts/noto/NotoSansMultani-Regular.ttf
new file mode 100644
index 00000000..fa5856ec
Binary files /dev/null and b/src/fonts/noto/NotoSansMultani-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMyanmar-Black.ttf b/src/fonts/noto/NotoSansMyanmar-Black.ttf
new file mode 100644
index 00000000..f1cfca63
Binary files /dev/null and b/src/fonts/noto/NotoSansMyanmar-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansMyanmar-Bold.ttf b/src/fonts/noto/NotoSansMyanmar-Bold.ttf
new file mode 100644
index 00000000..213ff3c9
Binary files /dev/null and b/src/fonts/noto/NotoSansMyanmar-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansMyanmar-Light.ttf b/src/fonts/noto/NotoSansMyanmar-Light.ttf
new file mode 100644
index 00000000..17feb441
Binary files /dev/null and b/src/fonts/noto/NotoSansMyanmar-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansMyanmar-Medium.ttf b/src/fonts/noto/NotoSansMyanmar-Medium.ttf
new file mode 100644
index 00000000..93dcc1f7
Binary files /dev/null and b/src/fonts/noto/NotoSansMyanmar-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansMyanmar-Regular.ttf b/src/fonts/noto/NotoSansMyanmar-Regular.ttf
new file mode 100644
index 00000000..5c0da8c0
Binary files /dev/null and b/src/fonts/noto/NotoSansMyanmar-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansMyanmar-Thin.ttf b/src/fonts/noto/NotoSansMyanmar-Thin.ttf
new file mode 100644
index 00000000..2fd77422
Binary files /dev/null and b/src/fonts/noto/NotoSansMyanmar-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansNKo-Regular.ttf b/src/fonts/noto/NotoSansNKo-Regular.ttf
new file mode 100644
index 00000000..89e5330b
Binary files /dev/null and b/src/fonts/noto/NotoSansNKo-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansNKoUnjoined-Bold.ttf b/src/fonts/noto/NotoSansNKoUnjoined-Bold.ttf
new file mode 100644
index 00000000..f4f93429
Binary files /dev/null and b/src/fonts/noto/NotoSansNKoUnjoined-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansNKoUnjoined-Regular.ttf b/src/fonts/noto/NotoSansNKoUnjoined-Regular.ttf
new file mode 100644
index 00000000..f02b0c87
Binary files /dev/null and b/src/fonts/noto/NotoSansNKoUnjoined-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansNabataean-Regular.ttf b/src/fonts/noto/NotoSansNabataean-Regular.ttf
new file mode 100644
index 00000000..4e3ed9e4
Binary files /dev/null and b/src/fonts/noto/NotoSansNabataean-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansNagMundari-Bold.ttf b/src/fonts/noto/NotoSansNagMundari-Bold.ttf
new file mode 100644
index 00000000..583ff593
Binary files /dev/null and b/src/fonts/noto/NotoSansNagMundari-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansNagMundari-Regular.ttf b/src/fonts/noto/NotoSansNagMundari-Regular.ttf
new file mode 100644
index 00000000..9844b0bc
Binary files /dev/null and b/src/fonts/noto/NotoSansNagMundari-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansNandinagari-Regular.ttf b/src/fonts/noto/NotoSansNandinagari-Regular.ttf
new file mode 100644
index 00000000..7eda3d76
Binary files /dev/null and b/src/fonts/noto/NotoSansNandinagari-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansNewTaiLue-Bold.ttf b/src/fonts/noto/NotoSansNewTaiLue-Bold.ttf
new file mode 100644
index 00000000..1e798238
Binary files /dev/null and b/src/fonts/noto/NotoSansNewTaiLue-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansNewTaiLue-Medium.ttf b/src/fonts/noto/NotoSansNewTaiLue-Medium.ttf
new file mode 100644
index 00000000..4a2cb5f9
Binary files /dev/null and b/src/fonts/noto/NotoSansNewTaiLue-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansNewTaiLue-Regular.ttf b/src/fonts/noto/NotoSansNewTaiLue-Regular.ttf
new file mode 100644
index 00000000..349db20f
Binary files /dev/null and b/src/fonts/noto/NotoSansNewTaiLue-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansNewa-Regular.ttf b/src/fonts/noto/NotoSansNewa-Regular.ttf
new file mode 100644
index 00000000..a1941a36
Binary files /dev/null and b/src/fonts/noto/NotoSansNewa-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansNushu-Regular.ttf b/src/fonts/noto/NotoSansNushu-Regular.ttf
new file mode 100644
index 00000000..9486fb16
Binary files /dev/null and b/src/fonts/noto/NotoSansNushu-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOgham-Regular.ttf b/src/fonts/noto/NotoSansOgham-Regular.ttf
new file mode 100644
index 00000000..c7df133e
Binary files /dev/null and b/src/fonts/noto/NotoSansOgham-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOlChiki-Bold.ttf b/src/fonts/noto/NotoSansOlChiki-Bold.ttf
new file mode 100644
index 00000000..50502d48
Binary files /dev/null and b/src/fonts/noto/NotoSansOlChiki-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansOlChiki-Medium.ttf b/src/fonts/noto/NotoSansOlChiki-Medium.ttf
new file mode 100644
index 00000000..554ef0e1
Binary files /dev/null and b/src/fonts/noto/NotoSansOlChiki-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansOlChiki-Regular.ttf b/src/fonts/noto/NotoSansOlChiki-Regular.ttf
new file mode 100644
index 00000000..cec19f33
Binary files /dev/null and b/src/fonts/noto/NotoSansOlChiki-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldHungarian-Regular.ttf b/src/fonts/noto/NotoSansOldHungarian-Regular.ttf
new file mode 100644
index 00000000..0147bc07
Binary files /dev/null and b/src/fonts/noto/NotoSansOldHungarian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldItalic-Regular.ttf b/src/fonts/noto/NotoSansOldItalic-Regular.ttf
new file mode 100644
index 00000000..3b5d80bc
Binary files /dev/null and b/src/fonts/noto/NotoSansOldItalic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldNorthArabian-Regular.ttf b/src/fonts/noto/NotoSansOldNorthArabian-Regular.ttf
new file mode 100644
index 00000000..c27dc148
Binary files /dev/null and b/src/fonts/noto/NotoSansOldNorthArabian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldPermic-Regular.ttf b/src/fonts/noto/NotoSansOldPermic-Regular.ttf
new file mode 100644
index 00000000..2cdfcc23
Binary files /dev/null and b/src/fonts/noto/NotoSansOldPermic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldPersian-Regular.ttf b/src/fonts/noto/NotoSansOldPersian-Regular.ttf
new file mode 100644
index 00000000..4e451c0c
Binary files /dev/null and b/src/fonts/noto/NotoSansOldPersian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldSogdian-Regular.ttf b/src/fonts/noto/NotoSansOldSogdian-Regular.ttf
new file mode 100644
index 00000000..a928f44e
Binary files /dev/null and b/src/fonts/noto/NotoSansOldSogdian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldSouthArabian-Regular.ttf b/src/fonts/noto/NotoSansOldSouthArabian-Regular.ttf
new file mode 100644
index 00000000..4692777c
Binary files /dev/null and b/src/fonts/noto/NotoSansOldSouthArabian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOldTurkic-Regular.ttf b/src/fonts/noto/NotoSansOldTurkic-Regular.ttf
new file mode 100644
index 00000000..63f5c2e2
Binary files /dev/null and b/src/fonts/noto/NotoSansOldTurkic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOriya-Black.ttf b/src/fonts/noto/NotoSansOriya-Black.ttf
new file mode 100644
index 00000000..38eaa034
Binary files /dev/null and b/src/fonts/noto/NotoSansOriya-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansOriya-Bold.ttf b/src/fonts/noto/NotoSansOriya-Bold.ttf
new file mode 100644
index 00000000..777300a6
Binary files /dev/null and b/src/fonts/noto/NotoSansOriya-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansOriya-Regular.ttf b/src/fonts/noto/NotoSansOriya-Regular.ttf
new file mode 100644
index 00000000..20b8023b
Binary files /dev/null and b/src/fonts/noto/NotoSansOriya-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOriya-Thin.ttf b/src/fonts/noto/NotoSansOriya-Thin.ttf
new file mode 100644
index 00000000..7c085a03
Binary files /dev/null and b/src/fonts/noto/NotoSansOriya-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansOsage-Regular.ttf b/src/fonts/noto/NotoSansOsage-Regular.ttf
new file mode 100644
index 00000000..d1770fac
Binary files /dev/null and b/src/fonts/noto/NotoSansOsage-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansOsmanya-Regular.ttf b/src/fonts/noto/NotoSansOsmanya-Regular.ttf
new file mode 100644
index 00000000..52bf66ce
Binary files /dev/null and b/src/fonts/noto/NotoSansOsmanya-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansPahawhHmong-Regular.ttf b/src/fonts/noto/NotoSansPahawhHmong-Regular.ttf
new file mode 100644
index 00000000..4ab4d08a
Binary files /dev/null and b/src/fonts/noto/NotoSansPahawhHmong-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansPalmyrene-Regular.ttf b/src/fonts/noto/NotoSansPalmyrene-Regular.ttf
new file mode 100644
index 00000000..68ce75bc
Binary files /dev/null and b/src/fonts/noto/NotoSansPalmyrene-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansPauCinHau-Regular.ttf b/src/fonts/noto/NotoSansPauCinHau-Regular.ttf
new file mode 100644
index 00000000..f883261f
Binary files /dev/null and b/src/fonts/noto/NotoSansPauCinHau-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansPhags-Pa-Regular.ttf b/src/fonts/noto/NotoSansPhags-Pa-Regular.ttf
new file mode 100644
index 00000000..60aa849d
Binary files /dev/null and b/src/fonts/noto/NotoSansPhags-Pa-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansPhagsPa-Regular.ttf b/src/fonts/noto/NotoSansPhagsPa-Regular.ttf
new file mode 100644
index 00000000..e8a94388
Binary files /dev/null and b/src/fonts/noto/NotoSansPhagsPa-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansPhoenician-Regular.ttf b/src/fonts/noto/NotoSansPhoenician-Regular.ttf
new file mode 100644
index 00000000..eb5de935
Binary files /dev/null and b/src/fonts/noto/NotoSansPhoenician-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansPsalterPahlavi-Regular.ttf b/src/fonts/noto/NotoSansPsalterPahlavi-Regular.ttf
new file mode 100644
index 00000000..86722396
Binary files /dev/null and b/src/fonts/noto/NotoSansPsalterPahlavi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansRejang-Regular.ttf b/src/fonts/noto/NotoSansRejang-Regular.ttf
new file mode 100644
index 00000000..2816e5b1
Binary files /dev/null and b/src/fonts/noto/NotoSansRejang-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansRunic-Regular.ttf b/src/fonts/noto/NotoSansRunic-Regular.ttf
new file mode 100644
index 00000000..565fc7cf
Binary files /dev/null and b/src/fonts/noto/NotoSansRunic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSamaritan-Regular.ttf b/src/fonts/noto/NotoSansSamaritan-Regular.ttf
new file mode 100644
index 00000000..85b42c5d
Binary files /dev/null and b/src/fonts/noto/NotoSansSamaritan-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSaurashtra-Regular.ttf b/src/fonts/noto/NotoSansSaurashtra-Regular.ttf
new file mode 100644
index 00000000..740e1d43
Binary files /dev/null and b/src/fonts/noto/NotoSansSaurashtra-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSharada-Regular.ttf b/src/fonts/noto/NotoSansSharada-Regular.ttf
new file mode 100644
index 00000000..44f3f0c0
Binary files /dev/null and b/src/fonts/noto/NotoSansSharada-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansShavian-Regular.ttf b/src/fonts/noto/NotoSansShavian-Regular.ttf
new file mode 100644
index 00000000..9dee5630
Binary files /dev/null and b/src/fonts/noto/NotoSansShavian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSiddham-Regular.ttf b/src/fonts/noto/NotoSansSiddham-Regular.ttf
new file mode 100644
index 00000000..543c8cfe
Binary files /dev/null and b/src/fonts/noto/NotoSansSiddham-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSignWriting-Regular.ttf b/src/fonts/noto/NotoSansSignWriting-Regular.ttf
new file mode 100644
index 00000000..50082e85
Binary files /dev/null and b/src/fonts/noto/NotoSansSignWriting-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhala-Black.ttf b/src/fonts/noto/NotoSansSinhala-Black.ttf
new file mode 100644
index 00000000..d6ee5735
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhala-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhala-Bold.ttf b/src/fonts/noto/NotoSansSinhala-Bold.ttf
new file mode 100644
index 00000000..e66a76cf
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhala-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhala-Light.ttf b/src/fonts/noto/NotoSansSinhala-Light.ttf
new file mode 100644
index 00000000..93149511
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhala-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhala-Medium.ttf b/src/fonts/noto/NotoSansSinhala-Medium.ttf
new file mode 100644
index 00000000..98f9d475
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhala-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhala-Regular.ttf b/src/fonts/noto/NotoSansSinhala-Regular.ttf
new file mode 100644
index 00000000..535e58d0
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhala-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhala-Thin.ttf b/src/fonts/noto/NotoSansSinhala-Thin.ttf
new file mode 100644
index 00000000..d6d97ad9
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhala-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhalaUI-Black.ttf b/src/fonts/noto/NotoSansSinhalaUI-Black.ttf
new file mode 100644
index 00000000..821dffee
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhalaUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhalaUI-Bold.ttf b/src/fonts/noto/NotoSansSinhalaUI-Bold.ttf
new file mode 100644
index 00000000..432944d2
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhalaUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhalaUI-Light.ttf b/src/fonts/noto/NotoSansSinhalaUI-Light.ttf
new file mode 100644
index 00000000..b68af0dc
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhalaUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhalaUI-Medium.ttf b/src/fonts/noto/NotoSansSinhalaUI-Medium.ttf
new file mode 100644
index 00000000..6f393c9c
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhalaUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhalaUI-Regular.ttf b/src/fonts/noto/NotoSansSinhalaUI-Regular.ttf
new file mode 100644
index 00000000..db5d21e7
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhalaUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSinhalaUI-Thin.ttf b/src/fonts/noto/NotoSansSinhalaUI-Thin.ttf
new file mode 100644
index 00000000..3cd4157f
Binary files /dev/null and b/src/fonts/noto/NotoSansSinhalaUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansSogdian-Regular.ttf b/src/fonts/noto/NotoSansSogdian-Regular.ttf
new file mode 100644
index 00000000..31743bc8
Binary files /dev/null and b/src/fonts/noto/NotoSansSogdian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSoraSompeng-Bold.ttf b/src/fonts/noto/NotoSansSoraSompeng-Bold.ttf
new file mode 100644
index 00000000..f0974a05
Binary files /dev/null and b/src/fonts/noto/NotoSansSoraSompeng-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansSoraSompeng-Medium.ttf b/src/fonts/noto/NotoSansSoraSompeng-Medium.ttf
new file mode 100644
index 00000000..8042ce1d
Binary files /dev/null and b/src/fonts/noto/NotoSansSoraSompeng-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansSoraSompeng-Regular.ttf b/src/fonts/noto/NotoSansSoraSompeng-Regular.ttf
new file mode 100644
index 00000000..6cd8db7e
Binary files /dev/null and b/src/fonts/noto/NotoSansSoraSompeng-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSoyombo-Regular.ttf b/src/fonts/noto/NotoSansSoyombo-Regular.ttf
new file mode 100644
index 00000000..758363c7
Binary files /dev/null and b/src/fonts/noto/NotoSansSoyombo-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSundanese-Bold.ttf b/src/fonts/noto/NotoSansSundanese-Bold.ttf
new file mode 100644
index 00000000..b88e1aff
Binary files /dev/null and b/src/fonts/noto/NotoSansSundanese-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansSundanese-Medium.ttf b/src/fonts/noto/NotoSansSundanese-Medium.ttf
new file mode 100644
index 00000000..b66e9520
Binary files /dev/null and b/src/fonts/noto/NotoSansSundanese-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansSundanese-Regular.ttf b/src/fonts/noto/NotoSansSundanese-Regular.ttf
new file mode 100644
index 00000000..eba459f1
Binary files /dev/null and b/src/fonts/noto/NotoSansSundanese-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSylotiNagri-Regular.ttf b/src/fonts/noto/NotoSansSylotiNagri-Regular.ttf
new file mode 100644
index 00000000..5274b63f
Binary files /dev/null and b/src/fonts/noto/NotoSansSylotiNagri-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSymbols-Black.ttf b/src/fonts/noto/NotoSansSymbols-Black.ttf
new file mode 100644
index 00000000..12d1704e
Binary files /dev/null and b/src/fonts/noto/NotoSansSymbols-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansSymbols-Bold.ttf b/src/fonts/noto/NotoSansSymbols-Bold.ttf
new file mode 100644
index 00000000..c20f3eca
Binary files /dev/null and b/src/fonts/noto/NotoSansSymbols-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansSymbols-Light.ttf b/src/fonts/noto/NotoSansSymbols-Light.ttf
new file mode 100644
index 00000000..c690e5a2
Binary files /dev/null and b/src/fonts/noto/NotoSansSymbols-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansSymbols-Medium.ttf b/src/fonts/noto/NotoSansSymbols-Medium.ttf
new file mode 100644
index 00000000..8cb98151
Binary files /dev/null and b/src/fonts/noto/NotoSansSymbols-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansSymbols-Regular.ttf b/src/fonts/noto/NotoSansSymbols-Regular.ttf
new file mode 100644
index 00000000..f39694c9
Binary files /dev/null and b/src/fonts/noto/NotoSansSymbols-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSymbols-Thin.ttf b/src/fonts/noto/NotoSansSymbols-Thin.ttf
new file mode 100644
index 00000000..071ed9cc
Binary files /dev/null and b/src/fonts/noto/NotoSansSymbols-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansSymbols2-Regular.ttf b/src/fonts/noto/NotoSansSymbols2-Regular.ttf
new file mode 100644
index 00000000..a0a8cfe0
Binary files /dev/null and b/src/fonts/noto/NotoSansSymbols2-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriac-Black.ttf b/src/fonts/noto/NotoSansSyriac-Black.ttf
new file mode 100644
index 00000000..eb638cf6
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriac-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriac-Regular.ttf b/src/fonts/noto/NotoSansSyriac-Regular.ttf
new file mode 100644
index 00000000..cae88c8a
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriac-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriac-Thin.ttf b/src/fonts/noto/NotoSansSyriac-Thin.ttf
new file mode 100644
index 00000000..b09b04a6
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriac-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriacEastern-Black.ttf b/src/fonts/noto/NotoSansSyriacEastern-Black.ttf
new file mode 100644
index 00000000..b3be0035
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriacEastern-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriacEastern-Regular.ttf b/src/fonts/noto/NotoSansSyriacEastern-Regular.ttf
new file mode 100644
index 00000000..7593f551
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriacEastern-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriacEastern-Thin.ttf b/src/fonts/noto/NotoSansSyriacEastern-Thin.ttf
new file mode 100644
index 00000000..a2ff33c0
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriacEastern-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriacWestern-Black.ttf b/src/fonts/noto/NotoSansSyriacWestern-Black.ttf
new file mode 100644
index 00000000..a220a3fa
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriacWestern-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriacWestern-Regular.ttf b/src/fonts/noto/NotoSansSyriacWestern-Regular.ttf
new file mode 100644
index 00000000..074bd855
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriacWestern-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansSyriacWestern-Thin.ttf b/src/fonts/noto/NotoSansSyriacWestern-Thin.ttf
new file mode 100644
index 00000000..8ca6be1d
Binary files /dev/null and b/src/fonts/noto/NotoSansSyriacWestern-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansTagalog-Regular.ttf b/src/fonts/noto/NotoSansTagalog-Regular.ttf
new file mode 100644
index 00000000..d032d70e
Binary files /dev/null and b/src/fonts/noto/NotoSansTagalog-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTagbanwa-Regular.ttf b/src/fonts/noto/NotoSansTagbanwa-Regular.ttf
new file mode 100644
index 00000000..c3a342bd
Binary files /dev/null and b/src/fonts/noto/NotoSansTagbanwa-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTaiLe-Regular.ttf b/src/fonts/noto/NotoSansTaiLe-Regular.ttf
new file mode 100644
index 00000000..54d1271a
Binary files /dev/null and b/src/fonts/noto/NotoSansTaiLe-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTaiTham-Bold.ttf b/src/fonts/noto/NotoSansTaiTham-Bold.ttf
new file mode 100644
index 00000000..adfb3793
Binary files /dev/null and b/src/fonts/noto/NotoSansTaiTham-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansTaiTham-Medium.ttf b/src/fonts/noto/NotoSansTaiTham-Medium.ttf
new file mode 100644
index 00000000..93ce244a
Binary files /dev/null and b/src/fonts/noto/NotoSansTaiTham-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansTaiTham-Regular.ttf b/src/fonts/noto/NotoSansTaiTham-Regular.ttf
new file mode 100644
index 00000000..c88b1a0d
Binary files /dev/null and b/src/fonts/noto/NotoSansTaiTham-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTaiViet-Regular.ttf b/src/fonts/noto/NotoSansTaiViet-Regular.ttf
new file mode 100644
index 00000000..e8134124
Binary files /dev/null and b/src/fonts/noto/NotoSansTaiViet-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTakri-Regular.ttf b/src/fonts/noto/NotoSansTakri-Regular.ttf
new file mode 100644
index 00000000..712b0131
Binary files /dev/null and b/src/fonts/noto/NotoSansTakri-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTamil-Black.ttf b/src/fonts/noto/NotoSansTamil-Black.ttf
new file mode 100644
index 00000000..08f410c0
Binary files /dev/null and b/src/fonts/noto/NotoSansTamil-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansTamil-Bold.ttf b/src/fonts/noto/NotoSansTamil-Bold.ttf
new file mode 100644
index 00000000..0fde5384
Binary files /dev/null and b/src/fonts/noto/NotoSansTamil-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansTamil-Light.ttf b/src/fonts/noto/NotoSansTamil-Light.ttf
new file mode 100644
index 00000000..73b89558
Binary files /dev/null and b/src/fonts/noto/NotoSansTamil-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansTamil-Medium.ttf b/src/fonts/noto/NotoSansTamil-Medium.ttf
new file mode 100644
index 00000000..a20798dd
Binary files /dev/null and b/src/fonts/noto/NotoSansTamil-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansTamil-Regular.ttf b/src/fonts/noto/NotoSansTamil-Regular.ttf
new file mode 100644
index 00000000..3999af8e
Binary files /dev/null and b/src/fonts/noto/NotoSansTamil-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTamil-Thin.ttf b/src/fonts/noto/NotoSansTamil-Thin.ttf
new file mode 100644
index 00000000..76df7311
Binary files /dev/null and b/src/fonts/noto/NotoSansTamil-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansTamilSupplement-Regular.ttf b/src/fonts/noto/NotoSansTamilSupplement-Regular.ttf
new file mode 100644
index 00000000..d87ab770
Binary files /dev/null and b/src/fonts/noto/NotoSansTamilSupplement-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTamilUI-Black.ttf b/src/fonts/noto/NotoSansTamilUI-Black.ttf
new file mode 100644
index 00000000..d20d624c
Binary files /dev/null and b/src/fonts/noto/NotoSansTamilUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansTamilUI-Bold.ttf b/src/fonts/noto/NotoSansTamilUI-Bold.ttf
new file mode 100644
index 00000000..c3b6be01
Binary files /dev/null and b/src/fonts/noto/NotoSansTamilUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansTamilUI-Light.ttf b/src/fonts/noto/NotoSansTamilUI-Light.ttf
new file mode 100644
index 00000000..d6bc6679
Binary files /dev/null and b/src/fonts/noto/NotoSansTamilUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansTamilUI-Medium.ttf b/src/fonts/noto/NotoSansTamilUI-Medium.ttf
new file mode 100644
index 00000000..1af86e1c
Binary files /dev/null and b/src/fonts/noto/NotoSansTamilUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansTamilUI-Regular.ttf b/src/fonts/noto/NotoSansTamilUI-Regular.ttf
new file mode 100644
index 00000000..644ee25e
Binary files /dev/null and b/src/fonts/noto/NotoSansTamilUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTamilUI-Thin.ttf b/src/fonts/noto/NotoSansTamilUI-Thin.ttf
new file mode 100644
index 00000000..5b53c4ab
Binary files /dev/null and b/src/fonts/noto/NotoSansTamilUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansTangsa-Bold.ttf b/src/fonts/noto/NotoSansTangsa-Bold.ttf
new file mode 100644
index 00000000..faf878ea
Binary files /dev/null and b/src/fonts/noto/NotoSansTangsa-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansTangsa-Medium.ttf b/src/fonts/noto/NotoSansTangsa-Medium.ttf
new file mode 100644
index 00000000..8c552f14
Binary files /dev/null and b/src/fonts/noto/NotoSansTangsa-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansTangsa-Regular.ttf b/src/fonts/noto/NotoSansTangsa-Regular.ttf
new file mode 100644
index 00000000..5fd5ac3a
Binary files /dev/null and b/src/fonts/noto/NotoSansTangsa-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTelugu-Black.ttf b/src/fonts/noto/NotoSansTelugu-Black.ttf
new file mode 100644
index 00000000..16d631a0
Binary files /dev/null and b/src/fonts/noto/NotoSansTelugu-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansTelugu-Bold.ttf b/src/fonts/noto/NotoSansTelugu-Bold.ttf
new file mode 100644
index 00000000..324cf7e1
Binary files /dev/null and b/src/fonts/noto/NotoSansTelugu-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansTelugu-Light.ttf b/src/fonts/noto/NotoSansTelugu-Light.ttf
new file mode 100644
index 00000000..4f632c5d
Binary files /dev/null and b/src/fonts/noto/NotoSansTelugu-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansTelugu-Medium.ttf b/src/fonts/noto/NotoSansTelugu-Medium.ttf
new file mode 100644
index 00000000..5b75738d
Binary files /dev/null and b/src/fonts/noto/NotoSansTelugu-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansTelugu-Regular.ttf b/src/fonts/noto/NotoSansTelugu-Regular.ttf
new file mode 100644
index 00000000..d72413a7
Binary files /dev/null and b/src/fonts/noto/NotoSansTelugu-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTelugu-Thin.ttf b/src/fonts/noto/NotoSansTelugu-Thin.ttf
new file mode 100644
index 00000000..b4e51894
Binary files /dev/null and b/src/fonts/noto/NotoSansTelugu-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansTeluguUI-Black.ttf b/src/fonts/noto/NotoSansTeluguUI-Black.ttf
new file mode 100644
index 00000000..e1c37184
Binary files /dev/null and b/src/fonts/noto/NotoSansTeluguUI-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansTeluguUI-Bold.ttf b/src/fonts/noto/NotoSansTeluguUI-Bold.ttf
new file mode 100644
index 00000000..d5539cbc
Binary files /dev/null and b/src/fonts/noto/NotoSansTeluguUI-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansTeluguUI-Light.ttf b/src/fonts/noto/NotoSansTeluguUI-Light.ttf
new file mode 100644
index 00000000..492f113f
Binary files /dev/null and b/src/fonts/noto/NotoSansTeluguUI-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansTeluguUI-Medium.ttf b/src/fonts/noto/NotoSansTeluguUI-Medium.ttf
new file mode 100644
index 00000000..7968b143
Binary files /dev/null and b/src/fonts/noto/NotoSansTeluguUI-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansTeluguUI-Regular.ttf b/src/fonts/noto/NotoSansTeluguUI-Regular.ttf
new file mode 100644
index 00000000..034052ed
Binary files /dev/null and b/src/fonts/noto/NotoSansTeluguUI-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTeluguUI-Thin.ttf b/src/fonts/noto/NotoSansTeluguUI-Thin.ttf
new file mode 100644
index 00000000..1c0c27bc
Binary files /dev/null and b/src/fonts/noto/NotoSansTeluguUI-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansTest-Regular.ttf b/src/fonts/noto/NotoSansTest-Regular.ttf
new file mode 100644
index 00000000..0352d10c
Binary files /dev/null and b/src/fonts/noto/NotoSansTest-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansThaana-Black.ttf b/src/fonts/noto/NotoSansThaana-Black.ttf
new file mode 100644
index 00000000..8e506877
Binary files /dev/null and b/src/fonts/noto/NotoSansThaana-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansThaana-Bold.ttf b/src/fonts/noto/NotoSansThaana-Bold.ttf
new file mode 100644
index 00000000..5c18afde
Binary files /dev/null and b/src/fonts/noto/NotoSansThaana-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansThaana-Light.ttf b/src/fonts/noto/NotoSansThaana-Light.ttf
new file mode 100644
index 00000000..0ee4f002
Binary files /dev/null and b/src/fonts/noto/NotoSansThaana-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansThaana-Medium.ttf b/src/fonts/noto/NotoSansThaana-Medium.ttf
new file mode 100644
index 00000000..1c17fcd0
Binary files /dev/null and b/src/fonts/noto/NotoSansThaana-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansThaana-Regular.ttf b/src/fonts/noto/NotoSansThaana-Regular.ttf
new file mode 100644
index 00000000..8b15530e
Binary files /dev/null and b/src/fonts/noto/NotoSansThaana-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansThaana-Thin.ttf b/src/fonts/noto/NotoSansThaana-Thin.ttf
new file mode 100644
index 00000000..7f329ff6
Binary files /dev/null and b/src/fonts/noto/NotoSansThaana-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansThai-Black.ttf b/src/fonts/noto/NotoSansThai-Black.ttf
new file mode 100644
index 00000000..fcc2bcc0
Binary files /dev/null and b/src/fonts/noto/NotoSansThai-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansThai-Bold.ttf b/src/fonts/noto/NotoSansThai-Bold.ttf
new file mode 100644
index 00000000..ca4f10cc
Binary files /dev/null and b/src/fonts/noto/NotoSansThai-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansThai-Light.ttf b/src/fonts/noto/NotoSansThai-Light.ttf
new file mode 100644
index 00000000..ca314dd2
Binary files /dev/null and b/src/fonts/noto/NotoSansThai-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansThai-Medium.ttf b/src/fonts/noto/NotoSansThai-Medium.ttf
new file mode 100644
index 00000000..571b540f
Binary files /dev/null and b/src/fonts/noto/NotoSansThai-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansThai-Regular.ttf b/src/fonts/noto/NotoSansThai-Regular.ttf
new file mode 100644
index 00000000..8e1e6381
Binary files /dev/null and b/src/fonts/noto/NotoSansThai-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansThai-Thin.ttf b/src/fonts/noto/NotoSansThai-Thin.ttf
new file mode 100644
index 00000000..396663e8
Binary files /dev/null and b/src/fonts/noto/NotoSansThai-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansThaiLooped-Black.ttf b/src/fonts/noto/NotoSansThaiLooped-Black.ttf
new file mode 100644
index 00000000..e700c6cf
Binary files /dev/null and b/src/fonts/noto/NotoSansThaiLooped-Black.ttf differ
diff --git a/src/fonts/noto/NotoSansThaiLooped-Bold.ttf b/src/fonts/noto/NotoSansThaiLooped-Bold.ttf
new file mode 100644
index 00000000..8a0dc245
Binary files /dev/null and b/src/fonts/noto/NotoSansThaiLooped-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansThaiLooped-Light.ttf b/src/fonts/noto/NotoSansThaiLooped-Light.ttf
new file mode 100644
index 00000000..12b1709a
Binary files /dev/null and b/src/fonts/noto/NotoSansThaiLooped-Light.ttf differ
diff --git a/src/fonts/noto/NotoSansThaiLooped-Medium.ttf b/src/fonts/noto/NotoSansThaiLooped-Medium.ttf
new file mode 100644
index 00000000..03cd03c1
Binary files /dev/null and b/src/fonts/noto/NotoSansThaiLooped-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansThaiLooped-Regular.ttf b/src/fonts/noto/NotoSansThaiLooped-Regular.ttf
new file mode 100644
index 00000000..06268f03
Binary files /dev/null and b/src/fonts/noto/NotoSansThaiLooped-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansThaiLooped-Thin.ttf b/src/fonts/noto/NotoSansThaiLooped-Thin.ttf
new file mode 100644
index 00000000..a09fe822
Binary files /dev/null and b/src/fonts/noto/NotoSansThaiLooped-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinagh-Regular.ttf b/src/fonts/noto/NotoSansTifinagh-Regular.ttf
new file mode 100644
index 00000000..be0f0bad
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinagh-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghAPT-Regular.ttf b/src/fonts/noto/NotoSansTifinaghAPT-Regular.ttf
new file mode 100644
index 00000000..03ef4d03
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghAPT-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghAdrar-Regular.ttf b/src/fonts/noto/NotoSansTifinaghAdrar-Regular.ttf
new file mode 100644
index 00000000..7d4e76df
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghAdrar-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghAgrawImazighen-Regular.ttf b/src/fonts/noto/NotoSansTifinaghAgrawImazighen-Regular.ttf
new file mode 100644
index 00000000..d9a2e498
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghAgrawImazighen-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghAhaggar-Regular.ttf b/src/fonts/noto/NotoSansTifinaghAhaggar-Regular.ttf
new file mode 100644
index 00000000..668bc8d9
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghAhaggar-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghAir-Regular.ttf b/src/fonts/noto/NotoSansTifinaghAir-Regular.ttf
new file mode 100644
index 00000000..04ef67e0
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghAir-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghAzawagh-Regular.ttf b/src/fonts/noto/NotoSansTifinaghAzawagh-Regular.ttf
new file mode 100644
index 00000000..1dd4c009
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghAzawagh-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghGhat-Regular.ttf b/src/fonts/noto/NotoSansTifinaghGhat-Regular.ttf
new file mode 100644
index 00000000..06935217
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghGhat-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghHawad-Regular.ttf b/src/fonts/noto/NotoSansTifinaghHawad-Regular.ttf
new file mode 100644
index 00000000..e27572c7
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghHawad-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghRhissaIxa-Regular.ttf b/src/fonts/noto/NotoSansTifinaghRhissaIxa-Regular.ttf
new file mode 100644
index 00000000..f26c4eb7
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghRhissaIxa-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghSIL-Regular.ttf b/src/fonts/noto/NotoSansTifinaghSIL-Regular.ttf
new file mode 100644
index 00000000..8135a62c
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghSIL-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTifinaghTawellemmet-Regular.ttf b/src/fonts/noto/NotoSansTifinaghTawellemmet-Regular.ttf
new file mode 100644
index 00000000..98864760
Binary files /dev/null and b/src/fonts/noto/NotoSansTifinaghTawellemmet-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansTirhuta-Regular.ttf b/src/fonts/noto/NotoSansTirhuta-Regular.ttf
new file mode 100644
index 00000000..6083fa7c
Binary files /dev/null and b/src/fonts/noto/NotoSansTirhuta-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansUgaritic-Regular.ttf b/src/fonts/noto/NotoSansUgaritic-Regular.ttf
new file mode 100644
index 00000000..d7f93867
Binary files /dev/null and b/src/fonts/noto/NotoSansUgaritic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansVai-Regular.ttf b/src/fonts/noto/NotoSansVai-Regular.ttf
new file mode 100644
index 00000000..0e792e5e
Binary files /dev/null and b/src/fonts/noto/NotoSansVai-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansVithkuqi-Bold.ttf b/src/fonts/noto/NotoSansVithkuqi-Bold.ttf
new file mode 100644
index 00000000..26b5adfc
Binary files /dev/null and b/src/fonts/noto/NotoSansVithkuqi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSansVithkuqi-Medium.ttf b/src/fonts/noto/NotoSansVithkuqi-Medium.ttf
new file mode 100644
index 00000000..db9c908d
Binary files /dev/null and b/src/fonts/noto/NotoSansVithkuqi-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSansVithkuqi-Regular.ttf b/src/fonts/noto/NotoSansVithkuqi-Regular.ttf
new file mode 100644
index 00000000..33ec76dd
Binary files /dev/null and b/src/fonts/noto/NotoSansVithkuqi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansWancho-Regular.ttf b/src/fonts/noto/NotoSansWancho-Regular.ttf
new file mode 100644
index 00000000..59e7eafb
Binary files /dev/null and b/src/fonts/noto/NotoSansWancho-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansWarangCiti-Regular.ttf b/src/fonts/noto/NotoSansWarangCiti-Regular.ttf
new file mode 100644
index 00000000..d02cd9c7
Binary files /dev/null and b/src/fonts/noto/NotoSansWarangCiti-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansYi-Regular.ttf b/src/fonts/noto/NotoSansYi-Regular.ttf
new file mode 100644
index 00000000..da4bb096
Binary files /dev/null and b/src/fonts/noto/NotoSansYi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSansZanabazarSquare-Regular.ttf b/src/fonts/noto/NotoSansZanabazarSquare-Regular.ttf
new file mode 100644
index 00000000..c18542db
Binary files /dev/null and b/src/fonts/noto/NotoSansZanabazarSquare-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerif-Black.ttf b/src/fonts/noto/NotoSerif-Black.ttf
new file mode 100644
index 00000000..79bb0df8
Binary files /dev/null and b/src/fonts/noto/NotoSerif-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerif-BlackItalic.ttf b/src/fonts/noto/NotoSerif-BlackItalic.ttf
new file mode 100644
index 00000000..b64699aa
Binary files /dev/null and b/src/fonts/noto/NotoSerif-BlackItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerif-Bold.ttf b/src/fonts/noto/NotoSerif-Bold.ttf
new file mode 100644
index 00000000..5df10c74
Binary files /dev/null and b/src/fonts/noto/NotoSerif-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerif-BoldItalic.ttf b/src/fonts/noto/NotoSerif-BoldItalic.ttf
new file mode 100644
index 00000000..ed149819
Binary files /dev/null and b/src/fonts/noto/NotoSerif-BoldItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerif-Italic.ttf b/src/fonts/noto/NotoSerif-Italic.ttf
new file mode 100644
index 00000000..e7def04b
Binary files /dev/null and b/src/fonts/noto/NotoSerif-Italic.ttf differ
diff --git a/src/fonts/noto/NotoSerif-Light.ttf b/src/fonts/noto/NotoSerif-Light.ttf
new file mode 100644
index 00000000..5b78692f
Binary files /dev/null and b/src/fonts/noto/NotoSerif-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerif-LightItalic.ttf b/src/fonts/noto/NotoSerif-LightItalic.ttf
new file mode 100644
index 00000000..3006b834
Binary files /dev/null and b/src/fonts/noto/NotoSerif-LightItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerif-Medium.ttf b/src/fonts/noto/NotoSerif-Medium.ttf
new file mode 100644
index 00000000..bc23da48
Binary files /dev/null and b/src/fonts/noto/NotoSerif-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerif-MediumItalic.ttf b/src/fonts/noto/NotoSerif-MediumItalic.ttf
new file mode 100644
index 00000000..35c1398a
Binary files /dev/null and b/src/fonts/noto/NotoSerif-MediumItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerif-Regular.ttf b/src/fonts/noto/NotoSerif-Regular.ttf
new file mode 100644
index 00000000..3121cf5a
Binary files /dev/null and b/src/fonts/noto/NotoSerif-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerif-Thin.ttf b/src/fonts/noto/NotoSerif-Thin.ttf
new file mode 100644
index 00000000..00b0f276
Binary files /dev/null and b/src/fonts/noto/NotoSerif-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerif-ThinItalic.ttf b/src/fonts/noto/NotoSerif-ThinItalic.ttf
new file mode 100644
index 00000000..528b74da
Binary files /dev/null and b/src/fonts/noto/NotoSerif-ThinItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifAhom-Regular.ttf b/src/fonts/noto/NotoSerifAhom-Regular.ttf
new file mode 100644
index 00000000..23da0b9e
Binary files /dev/null and b/src/fonts/noto/NotoSerifAhom-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifArmenian-Black.ttf b/src/fonts/noto/NotoSerifArmenian-Black.ttf
new file mode 100644
index 00000000..5a934949
Binary files /dev/null and b/src/fonts/noto/NotoSerifArmenian-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifArmenian-Bold.ttf b/src/fonts/noto/NotoSerifArmenian-Bold.ttf
new file mode 100644
index 00000000..6361ce6b
Binary files /dev/null and b/src/fonts/noto/NotoSerifArmenian-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifArmenian-Light.ttf b/src/fonts/noto/NotoSerifArmenian-Light.ttf
new file mode 100644
index 00000000..069ca334
Binary files /dev/null and b/src/fonts/noto/NotoSerifArmenian-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifArmenian-Medium.ttf b/src/fonts/noto/NotoSerifArmenian-Medium.ttf
new file mode 100644
index 00000000..7085a9fe
Binary files /dev/null and b/src/fonts/noto/NotoSerifArmenian-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifArmenian-Regular.ttf b/src/fonts/noto/NotoSerifArmenian-Regular.ttf
new file mode 100644
index 00000000..49c5726e
Binary files /dev/null and b/src/fonts/noto/NotoSerifArmenian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifArmenian-Thin.ttf b/src/fonts/noto/NotoSerifArmenian-Thin.ttf
new file mode 100644
index 00000000..451c40da
Binary files /dev/null and b/src/fonts/noto/NotoSerifArmenian-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifBalinese-Regular.ttf b/src/fonts/noto/NotoSerifBalinese-Regular.ttf
new file mode 100644
index 00000000..9b97f3ac
Binary files /dev/null and b/src/fonts/noto/NotoSerifBalinese-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifBengali-Black.ttf b/src/fonts/noto/NotoSerifBengali-Black.ttf
new file mode 100644
index 00000000..b1b97368
Binary files /dev/null and b/src/fonts/noto/NotoSerifBengali-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifBengali-Bold.ttf b/src/fonts/noto/NotoSerifBengali-Bold.ttf
new file mode 100644
index 00000000..f58ff3b1
Binary files /dev/null and b/src/fonts/noto/NotoSerifBengali-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifBengali-Light.ttf b/src/fonts/noto/NotoSerifBengali-Light.ttf
new file mode 100644
index 00000000..edcbf87b
Binary files /dev/null and b/src/fonts/noto/NotoSerifBengali-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifBengali-Medium.ttf b/src/fonts/noto/NotoSerifBengali-Medium.ttf
new file mode 100644
index 00000000..961d4f5a
Binary files /dev/null and b/src/fonts/noto/NotoSerifBengali-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifBengali-Regular.ttf b/src/fonts/noto/NotoSerifBengali-Regular.ttf
new file mode 100644
index 00000000..792a0846
Binary files /dev/null and b/src/fonts/noto/NotoSerifBengali-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifBengali-Thin.ttf b/src/fonts/noto/NotoSerifBengali-Thin.ttf
new file mode 100644
index 00000000..f587553c
Binary files /dev/null and b/src/fonts/noto/NotoSerifBengali-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifDevanagari-Black.ttf b/src/fonts/noto/NotoSerifDevanagari-Black.ttf
new file mode 100644
index 00000000..b369d1f0
Binary files /dev/null and b/src/fonts/noto/NotoSerifDevanagari-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifDevanagari-Bold.ttf b/src/fonts/noto/NotoSerifDevanagari-Bold.ttf
new file mode 100644
index 00000000..e534330e
Binary files /dev/null and b/src/fonts/noto/NotoSerifDevanagari-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifDevanagari-Light.ttf b/src/fonts/noto/NotoSerifDevanagari-Light.ttf
new file mode 100644
index 00000000..650f0d84
Binary files /dev/null and b/src/fonts/noto/NotoSerifDevanagari-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifDevanagari-Medium.ttf b/src/fonts/noto/NotoSerifDevanagari-Medium.ttf
new file mode 100644
index 00000000..56dd943f
Binary files /dev/null and b/src/fonts/noto/NotoSerifDevanagari-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifDevanagari-Regular.ttf b/src/fonts/noto/NotoSerifDevanagari-Regular.ttf
new file mode 100644
index 00000000..e04cf7eb
Binary files /dev/null and b/src/fonts/noto/NotoSerifDevanagari-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifDevanagari-Thin.ttf b/src/fonts/noto/NotoSerifDevanagari-Thin.ttf
new file mode 100644
index 00000000..f094bb69
Binary files /dev/null and b/src/fonts/noto/NotoSerifDevanagari-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-Black.ttf b/src/fonts/noto/NotoSerifDisplay-Black.ttf
new file mode 100644
index 00000000..454bc6e5
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-BlackItalic.ttf b/src/fonts/noto/NotoSerifDisplay-BlackItalic.ttf
new file mode 100644
index 00000000..ba14a68b
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-BlackItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-Bold.ttf b/src/fonts/noto/NotoSerifDisplay-Bold.ttf
new file mode 100644
index 00000000..ad2b5cd4
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-BoldItalic.ttf b/src/fonts/noto/NotoSerifDisplay-BoldItalic.ttf
new file mode 100644
index 00000000..0f4b0216
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-BoldItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-Italic.ttf b/src/fonts/noto/NotoSerifDisplay-Italic.ttf
new file mode 100644
index 00000000..bf888c94
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-Italic.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-Light.ttf b/src/fonts/noto/NotoSerifDisplay-Light.ttf
new file mode 100644
index 00000000..f7108e0f
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-LightItalic.ttf b/src/fonts/noto/NotoSerifDisplay-LightItalic.ttf
new file mode 100644
index 00000000..76922df9
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-LightItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-Medium.ttf b/src/fonts/noto/NotoSerifDisplay-Medium.ttf
new file mode 100644
index 00000000..88ded626
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-MediumItalic.ttf b/src/fonts/noto/NotoSerifDisplay-MediumItalic.ttf
new file mode 100644
index 00000000..95da5c00
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-MediumItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-Regular.ttf b/src/fonts/noto/NotoSerifDisplay-Regular.ttf
new file mode 100644
index 00000000..c41bdebf
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-Thin.ttf b/src/fonts/noto/NotoSerifDisplay-Thin.ttf
new file mode 100644
index 00000000..0aa13721
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifDisplay-ThinItalic.ttf b/src/fonts/noto/NotoSerifDisplay-ThinItalic.ttf
new file mode 100644
index 00000000..442141c9
Binary files /dev/null and b/src/fonts/noto/NotoSerifDisplay-ThinItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifDivesAkuru-Regular.ttf b/src/fonts/noto/NotoSerifDivesAkuru-Regular.ttf
new file mode 100644
index 00000000..ffa1691b
Binary files /dev/null and b/src/fonts/noto/NotoSerifDivesAkuru-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifDogra-Regular.ttf b/src/fonts/noto/NotoSerifDogra-Regular.ttf
new file mode 100644
index 00000000..d5b841f2
Binary files /dev/null and b/src/fonts/noto/NotoSerifDogra-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifEthiopic-Black.ttf b/src/fonts/noto/NotoSerifEthiopic-Black.ttf
new file mode 100644
index 00000000..52f4c653
Binary files /dev/null and b/src/fonts/noto/NotoSerifEthiopic-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifEthiopic-Bold.ttf b/src/fonts/noto/NotoSerifEthiopic-Bold.ttf
new file mode 100644
index 00000000..119677a2
Binary files /dev/null and b/src/fonts/noto/NotoSerifEthiopic-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifEthiopic-Light.ttf b/src/fonts/noto/NotoSerifEthiopic-Light.ttf
new file mode 100644
index 00000000..ac9b9818
Binary files /dev/null and b/src/fonts/noto/NotoSerifEthiopic-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifEthiopic-Medium.ttf b/src/fonts/noto/NotoSerifEthiopic-Medium.ttf
new file mode 100644
index 00000000..6e9caad8
Binary files /dev/null and b/src/fonts/noto/NotoSerifEthiopic-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifEthiopic-Regular.ttf b/src/fonts/noto/NotoSerifEthiopic-Regular.ttf
new file mode 100644
index 00000000..0c5d26ac
Binary files /dev/null and b/src/fonts/noto/NotoSerifEthiopic-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifEthiopic-Thin.ttf b/src/fonts/noto/NotoSerifEthiopic-Thin.ttf
new file mode 100644
index 00000000..9fc10c46
Binary files /dev/null and b/src/fonts/noto/NotoSerifEthiopic-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifGeorgian-Black.ttf b/src/fonts/noto/NotoSerifGeorgian-Black.ttf
new file mode 100644
index 00000000..124c6886
Binary files /dev/null and b/src/fonts/noto/NotoSerifGeorgian-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifGeorgian-Bold.ttf b/src/fonts/noto/NotoSerifGeorgian-Bold.ttf
new file mode 100644
index 00000000..97142efa
Binary files /dev/null and b/src/fonts/noto/NotoSerifGeorgian-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifGeorgian-Light.ttf b/src/fonts/noto/NotoSerifGeorgian-Light.ttf
new file mode 100644
index 00000000..9cea9bf7
Binary files /dev/null and b/src/fonts/noto/NotoSerifGeorgian-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifGeorgian-Medium.ttf b/src/fonts/noto/NotoSerifGeorgian-Medium.ttf
new file mode 100644
index 00000000..a15b0576
Binary files /dev/null and b/src/fonts/noto/NotoSerifGeorgian-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifGeorgian-Regular.ttf b/src/fonts/noto/NotoSerifGeorgian-Regular.ttf
new file mode 100644
index 00000000..73951e11
Binary files /dev/null and b/src/fonts/noto/NotoSerifGeorgian-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifGeorgian-Thin.ttf b/src/fonts/noto/NotoSerifGeorgian-Thin.ttf
new file mode 100644
index 00000000..89e6a8ea
Binary files /dev/null and b/src/fonts/noto/NotoSerifGeorgian-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifGrantha-Regular.ttf b/src/fonts/noto/NotoSerifGrantha-Regular.ttf
new file mode 100644
index 00000000..7438fb77
Binary files /dev/null and b/src/fonts/noto/NotoSerifGrantha-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifGujarati-Black.ttf b/src/fonts/noto/NotoSerifGujarati-Black.ttf
new file mode 100644
index 00000000..175ff9f1
Binary files /dev/null and b/src/fonts/noto/NotoSerifGujarati-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifGujarati-Bold.ttf b/src/fonts/noto/NotoSerifGujarati-Bold.ttf
new file mode 100644
index 00000000..a7341621
Binary files /dev/null and b/src/fonts/noto/NotoSerifGujarati-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifGujarati-Light.ttf b/src/fonts/noto/NotoSerifGujarati-Light.ttf
new file mode 100644
index 00000000..5312136f
Binary files /dev/null and b/src/fonts/noto/NotoSerifGujarati-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifGujarati-Medium.ttf b/src/fonts/noto/NotoSerifGujarati-Medium.ttf
new file mode 100644
index 00000000..26a1be76
Binary files /dev/null and b/src/fonts/noto/NotoSerifGujarati-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifGujarati-Regular.ttf b/src/fonts/noto/NotoSerifGujarati-Regular.ttf
new file mode 100644
index 00000000..dd518f2f
Binary files /dev/null and b/src/fonts/noto/NotoSerifGujarati-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifGujarati-Thin.ttf b/src/fonts/noto/NotoSerifGujarati-Thin.ttf
new file mode 100644
index 00000000..fed18e17
Binary files /dev/null and b/src/fonts/noto/NotoSerifGujarati-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifGurmukhi-Black.ttf b/src/fonts/noto/NotoSerifGurmukhi-Black.ttf
new file mode 100644
index 00000000..d46fd27c
Binary files /dev/null and b/src/fonts/noto/NotoSerifGurmukhi-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifGurmukhi-Bold.ttf b/src/fonts/noto/NotoSerifGurmukhi-Bold.ttf
new file mode 100644
index 00000000..a52f406b
Binary files /dev/null and b/src/fonts/noto/NotoSerifGurmukhi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifGurmukhi-Light.ttf b/src/fonts/noto/NotoSerifGurmukhi-Light.ttf
new file mode 100644
index 00000000..3fb4bed7
Binary files /dev/null and b/src/fonts/noto/NotoSerifGurmukhi-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifGurmukhi-Medium.ttf b/src/fonts/noto/NotoSerifGurmukhi-Medium.ttf
new file mode 100644
index 00000000..5c21ec16
Binary files /dev/null and b/src/fonts/noto/NotoSerifGurmukhi-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifGurmukhi-Regular.ttf b/src/fonts/noto/NotoSerifGurmukhi-Regular.ttf
new file mode 100644
index 00000000..cf5315e2
Binary files /dev/null and b/src/fonts/noto/NotoSerifGurmukhi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifGurmukhi-Thin.ttf b/src/fonts/noto/NotoSerifGurmukhi-Thin.ttf
new file mode 100644
index 00000000..8e222680
Binary files /dev/null and b/src/fonts/noto/NotoSerifGurmukhi-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifHebrew-Black.ttf b/src/fonts/noto/NotoSerifHebrew-Black.ttf
new file mode 100644
index 00000000..e3c318b1
Binary files /dev/null and b/src/fonts/noto/NotoSerifHebrew-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifHebrew-Bold.ttf b/src/fonts/noto/NotoSerifHebrew-Bold.ttf
new file mode 100644
index 00000000..3539fb40
Binary files /dev/null and b/src/fonts/noto/NotoSerifHebrew-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifHebrew-Light.ttf b/src/fonts/noto/NotoSerifHebrew-Light.ttf
new file mode 100644
index 00000000..5beecdfa
Binary files /dev/null and b/src/fonts/noto/NotoSerifHebrew-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifHebrew-Medium.ttf b/src/fonts/noto/NotoSerifHebrew-Medium.ttf
new file mode 100644
index 00000000..af204fbf
Binary files /dev/null and b/src/fonts/noto/NotoSerifHebrew-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifHebrew-Regular.ttf b/src/fonts/noto/NotoSerifHebrew-Regular.ttf
new file mode 100644
index 00000000..ff55a38f
Binary files /dev/null and b/src/fonts/noto/NotoSerifHebrew-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifHebrew-Thin.ttf b/src/fonts/noto/NotoSerifHebrew-Thin.ttf
new file mode 100644
index 00000000..838c2ba4
Binary files /dev/null and b/src/fonts/noto/NotoSerifHebrew-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifKannada-Black.ttf b/src/fonts/noto/NotoSerifKannada-Black.ttf
new file mode 100644
index 00000000..87da4162
Binary files /dev/null and b/src/fonts/noto/NotoSerifKannada-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifKannada-Bold.ttf b/src/fonts/noto/NotoSerifKannada-Bold.ttf
new file mode 100644
index 00000000..025db336
Binary files /dev/null and b/src/fonts/noto/NotoSerifKannada-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifKannada-Light.ttf b/src/fonts/noto/NotoSerifKannada-Light.ttf
new file mode 100644
index 00000000..a4dcca79
Binary files /dev/null and b/src/fonts/noto/NotoSerifKannada-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifKannada-Medium.ttf b/src/fonts/noto/NotoSerifKannada-Medium.ttf
new file mode 100644
index 00000000..a8e0a5d0
Binary files /dev/null and b/src/fonts/noto/NotoSerifKannada-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifKannada-Regular.ttf b/src/fonts/noto/NotoSerifKannada-Regular.ttf
new file mode 100644
index 00000000..ce15076b
Binary files /dev/null and b/src/fonts/noto/NotoSerifKannada-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifKannada-Thin.ttf b/src/fonts/noto/NotoSerifKannada-Thin.ttf
new file mode 100644
index 00000000..1c581a6a
Binary files /dev/null and b/src/fonts/noto/NotoSerifKannada-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhitanSmallScript-Regular.ttf b/src/fonts/noto/NotoSerifKhitanSmallScript-Regular.ttf
new file mode 100644
index 00000000..a96e7ef5
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhitanSmallScript-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhmer-Black.ttf b/src/fonts/noto/NotoSerifKhmer-Black.ttf
new file mode 100644
index 00000000..a5e95eb4
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhmer-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhmer-Bold.ttf b/src/fonts/noto/NotoSerifKhmer-Bold.ttf
new file mode 100644
index 00000000..9c143a2f
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhmer-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhmer-Light.ttf b/src/fonts/noto/NotoSerifKhmer-Light.ttf
new file mode 100644
index 00000000..ae20d43e
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhmer-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhmer-Medium.ttf b/src/fonts/noto/NotoSerifKhmer-Medium.ttf
new file mode 100644
index 00000000..36942fcb
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhmer-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhmer-Regular.ttf b/src/fonts/noto/NotoSerifKhmer-Regular.ttf
new file mode 100644
index 00000000..a5276cf1
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhmer-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhmer-Thin.ttf b/src/fonts/noto/NotoSerifKhmer-Thin.ttf
new file mode 100644
index 00000000..d1e01149
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhmer-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhojki-Bold.ttf b/src/fonts/noto/NotoSerifKhojki-Bold.ttf
new file mode 100644
index 00000000..4fe590ef
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhojki-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifKhojki-Regular.ttf b/src/fonts/noto/NotoSerifKhojki-Regular.ttf
new file mode 100644
index 00000000..2fd5eb23
Binary files /dev/null and b/src/fonts/noto/NotoSerifKhojki-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifLao-Black.ttf b/src/fonts/noto/NotoSerifLao-Black.ttf
new file mode 100644
index 00000000..ef412535
Binary files /dev/null and b/src/fonts/noto/NotoSerifLao-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifLao-Bold.ttf b/src/fonts/noto/NotoSerifLao-Bold.ttf
new file mode 100644
index 00000000..690c3b15
Binary files /dev/null and b/src/fonts/noto/NotoSerifLao-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifLao-Light.ttf b/src/fonts/noto/NotoSerifLao-Light.ttf
new file mode 100644
index 00000000..beeb8851
Binary files /dev/null and b/src/fonts/noto/NotoSerifLao-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifLao-Medium.ttf b/src/fonts/noto/NotoSerifLao-Medium.ttf
new file mode 100644
index 00000000..7bca463f
Binary files /dev/null and b/src/fonts/noto/NotoSerifLao-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifLao-Regular.ttf b/src/fonts/noto/NotoSerifLao-Regular.ttf
new file mode 100644
index 00000000..6885c330
Binary files /dev/null and b/src/fonts/noto/NotoSerifLao-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifLao-Thin.ttf b/src/fonts/noto/NotoSerifLao-Thin.ttf
new file mode 100644
index 00000000..db916a22
Binary files /dev/null and b/src/fonts/noto/NotoSerifLao-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifMakasar-Regular.ttf b/src/fonts/noto/NotoSerifMakasar-Regular.ttf
new file mode 100644
index 00000000..afadecaf
Binary files /dev/null and b/src/fonts/noto/NotoSerifMakasar-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifMalayalam-Black.ttf b/src/fonts/noto/NotoSerifMalayalam-Black.ttf
new file mode 100644
index 00000000..1a427a64
Binary files /dev/null and b/src/fonts/noto/NotoSerifMalayalam-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifMalayalam-Bold.ttf b/src/fonts/noto/NotoSerifMalayalam-Bold.ttf
new file mode 100644
index 00000000..b0792e2d
Binary files /dev/null and b/src/fonts/noto/NotoSerifMalayalam-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifMalayalam-Light.ttf b/src/fonts/noto/NotoSerifMalayalam-Light.ttf
new file mode 100644
index 00000000..3a5877fe
Binary files /dev/null and b/src/fonts/noto/NotoSerifMalayalam-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifMalayalam-Medium.ttf b/src/fonts/noto/NotoSerifMalayalam-Medium.ttf
new file mode 100644
index 00000000..8675d514
Binary files /dev/null and b/src/fonts/noto/NotoSerifMalayalam-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifMalayalam-Regular.ttf b/src/fonts/noto/NotoSerifMalayalam-Regular.ttf
new file mode 100644
index 00000000..feb046a1
Binary files /dev/null and b/src/fonts/noto/NotoSerifMalayalam-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifMalayalam-Thin.ttf b/src/fonts/noto/NotoSerifMalayalam-Thin.ttf
new file mode 100644
index 00000000..3079987e
Binary files /dev/null and b/src/fonts/noto/NotoSerifMalayalam-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifMyanmar-Black.ttf b/src/fonts/noto/NotoSerifMyanmar-Black.ttf
new file mode 100644
index 00000000..7dc737ec
Binary files /dev/null and b/src/fonts/noto/NotoSerifMyanmar-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifMyanmar-Bold.ttf b/src/fonts/noto/NotoSerifMyanmar-Bold.ttf
new file mode 100644
index 00000000..a7cf4204
Binary files /dev/null and b/src/fonts/noto/NotoSerifMyanmar-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifMyanmar-Light.ttf b/src/fonts/noto/NotoSerifMyanmar-Light.ttf
new file mode 100644
index 00000000..528e5710
Binary files /dev/null and b/src/fonts/noto/NotoSerifMyanmar-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifMyanmar-Medium.ttf b/src/fonts/noto/NotoSerifMyanmar-Medium.ttf
new file mode 100644
index 00000000..be76bb3d
Binary files /dev/null and b/src/fonts/noto/NotoSerifMyanmar-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifMyanmar-Regular.ttf b/src/fonts/noto/NotoSerifMyanmar-Regular.ttf
new file mode 100644
index 00000000..bd4d8196
Binary files /dev/null and b/src/fonts/noto/NotoSerifMyanmar-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifMyanmar-Thin.ttf b/src/fonts/noto/NotoSerifMyanmar-Thin.ttf
new file mode 100644
index 00000000..418ff71d
Binary files /dev/null and b/src/fonts/noto/NotoSerifMyanmar-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifNPHmong-Bold.ttf b/src/fonts/noto/NotoSerifNPHmong-Bold.ttf
new file mode 100644
index 00000000..1f278a4c
Binary files /dev/null and b/src/fonts/noto/NotoSerifNPHmong-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifNPHmong-Medium.ttf b/src/fonts/noto/NotoSerifNPHmong-Medium.ttf
new file mode 100644
index 00000000..e759bc55
Binary files /dev/null and b/src/fonts/noto/NotoSerifNPHmong-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifNPHmong-Regular.ttf b/src/fonts/noto/NotoSerifNPHmong-Regular.ttf
new file mode 100644
index 00000000..16994b75
Binary files /dev/null and b/src/fonts/noto/NotoSerifNPHmong-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifOldUyghur-Regular.ttf b/src/fonts/noto/NotoSerifOldUyghur-Regular.ttf
new file mode 100644
index 00000000..5670f652
Binary files /dev/null and b/src/fonts/noto/NotoSerifOldUyghur-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifOriya-Bold.ttf b/src/fonts/noto/NotoSerifOriya-Bold.ttf
new file mode 100644
index 00000000..7a6f8f38
Binary files /dev/null and b/src/fonts/noto/NotoSerifOriya-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifOriya-Medium.ttf b/src/fonts/noto/NotoSerifOriya-Medium.ttf
new file mode 100644
index 00000000..574a98d5
Binary files /dev/null and b/src/fonts/noto/NotoSerifOriya-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifOriya-Regular.ttf b/src/fonts/noto/NotoSerifOriya-Regular.ttf
new file mode 100644
index 00000000..6bb33f45
Binary files /dev/null and b/src/fonts/noto/NotoSerifOriya-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifOttomanSiyaq-Regular.ttf b/src/fonts/noto/NotoSerifOttomanSiyaq-Regular.ttf
new file mode 100644
index 00000000..2e647e02
Binary files /dev/null and b/src/fonts/noto/NotoSerifOttomanSiyaq-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifSinhala-Black.ttf b/src/fonts/noto/NotoSerifSinhala-Black.ttf
new file mode 100644
index 00000000..fb0cf47c
Binary files /dev/null and b/src/fonts/noto/NotoSerifSinhala-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifSinhala-Bold.ttf b/src/fonts/noto/NotoSerifSinhala-Bold.ttf
new file mode 100644
index 00000000..6d9888da
Binary files /dev/null and b/src/fonts/noto/NotoSerifSinhala-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifSinhala-Light.ttf b/src/fonts/noto/NotoSerifSinhala-Light.ttf
new file mode 100644
index 00000000..b4b527eb
Binary files /dev/null and b/src/fonts/noto/NotoSerifSinhala-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifSinhala-Medium.ttf b/src/fonts/noto/NotoSerifSinhala-Medium.ttf
new file mode 100644
index 00000000..a206edff
Binary files /dev/null and b/src/fonts/noto/NotoSerifSinhala-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifSinhala-Regular.ttf b/src/fonts/noto/NotoSerifSinhala-Regular.ttf
new file mode 100644
index 00000000..db675087
Binary files /dev/null and b/src/fonts/noto/NotoSerifSinhala-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifSinhala-Thin.ttf b/src/fonts/noto/NotoSerifSinhala-Thin.ttf
new file mode 100644
index 00000000..edeff97a
Binary files /dev/null and b/src/fonts/noto/NotoSerifSinhala-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-Black.ttf b/src/fonts/noto/NotoSerifTamil-Black.ttf
new file mode 100644
index 00000000..01db1ae8
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-BlackItalic.ttf b/src/fonts/noto/NotoSerifTamil-BlackItalic.ttf
new file mode 100644
index 00000000..a404a04d
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-BlackItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-Bold.ttf b/src/fonts/noto/NotoSerifTamil-Bold.ttf
new file mode 100644
index 00000000..84865dc2
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-BoldItalic.ttf b/src/fonts/noto/NotoSerifTamil-BoldItalic.ttf
new file mode 100644
index 00000000..db2c529f
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-BoldItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-Italic.ttf b/src/fonts/noto/NotoSerifTamil-Italic.ttf
new file mode 100644
index 00000000..d89c7a52
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-Italic.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-Light.ttf b/src/fonts/noto/NotoSerifTamil-Light.ttf
new file mode 100644
index 00000000..4e3eeeb0
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-LightItalic.ttf b/src/fonts/noto/NotoSerifTamil-LightItalic.ttf
new file mode 100644
index 00000000..7abc05fb
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-LightItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-Medium.ttf b/src/fonts/noto/NotoSerifTamil-Medium.ttf
new file mode 100644
index 00000000..52b87f34
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-MediumItalic.ttf b/src/fonts/noto/NotoSerifTamil-MediumItalic.ttf
new file mode 100644
index 00000000..b6b6b222
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-MediumItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-Regular.ttf b/src/fonts/noto/NotoSerifTamil-Regular.ttf
new file mode 100644
index 00000000..09e96a56
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-Thin.ttf b/src/fonts/noto/NotoSerifTamil-Thin.ttf
new file mode 100644
index 00000000..470abce4
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifTamil-ThinItalic.ttf b/src/fonts/noto/NotoSerifTamil-ThinItalic.ttf
new file mode 100644
index 00000000..5e15e6d8
Binary files /dev/null and b/src/fonts/noto/NotoSerifTamil-ThinItalic.ttf differ
diff --git a/src/fonts/noto/NotoSerifTangut-Regular.ttf b/src/fonts/noto/NotoSerifTangut-Regular.ttf
new file mode 100644
index 00000000..08a6b94d
Binary files /dev/null and b/src/fonts/noto/NotoSerifTangut-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifTelugu-Black.ttf b/src/fonts/noto/NotoSerifTelugu-Black.ttf
new file mode 100644
index 00000000..2399f950
Binary files /dev/null and b/src/fonts/noto/NotoSerifTelugu-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifTelugu-Bold.ttf b/src/fonts/noto/NotoSerifTelugu-Bold.ttf
new file mode 100644
index 00000000..502d46a6
Binary files /dev/null and b/src/fonts/noto/NotoSerifTelugu-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifTelugu-Light.ttf b/src/fonts/noto/NotoSerifTelugu-Light.ttf
new file mode 100644
index 00000000..51446e4d
Binary files /dev/null and b/src/fonts/noto/NotoSerifTelugu-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifTelugu-Medium.ttf b/src/fonts/noto/NotoSerifTelugu-Medium.ttf
new file mode 100644
index 00000000..432b1829
Binary files /dev/null and b/src/fonts/noto/NotoSerifTelugu-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifTelugu-Regular.ttf b/src/fonts/noto/NotoSerifTelugu-Regular.ttf
new file mode 100644
index 00000000..44be6a36
Binary files /dev/null and b/src/fonts/noto/NotoSerifTelugu-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifTelugu-Thin.ttf b/src/fonts/noto/NotoSerifTelugu-Thin.ttf
new file mode 100644
index 00000000..8a0bfceb
Binary files /dev/null and b/src/fonts/noto/NotoSerifTelugu-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifTest-Bold.ttf b/src/fonts/noto/NotoSerifTest-Bold.ttf
new file mode 100644
index 00000000..98ce6fa4
Binary files /dev/null and b/src/fonts/noto/NotoSerifTest-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifTest-Regular.ttf b/src/fonts/noto/NotoSerifTest-Regular.ttf
new file mode 100644
index 00000000..50779570
Binary files /dev/null and b/src/fonts/noto/NotoSerifTest-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifThai-Black.ttf b/src/fonts/noto/NotoSerifThai-Black.ttf
new file mode 100644
index 00000000..c4cb9c76
Binary files /dev/null and b/src/fonts/noto/NotoSerifThai-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifThai-Bold.ttf b/src/fonts/noto/NotoSerifThai-Bold.ttf
new file mode 100644
index 00000000..e1db6cb4
Binary files /dev/null and b/src/fonts/noto/NotoSerifThai-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifThai-Light.ttf b/src/fonts/noto/NotoSerifThai-Light.ttf
new file mode 100644
index 00000000..f2f80d5a
Binary files /dev/null and b/src/fonts/noto/NotoSerifThai-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifThai-Medium.ttf b/src/fonts/noto/NotoSerifThai-Medium.ttf
new file mode 100644
index 00000000..829f0c86
Binary files /dev/null and b/src/fonts/noto/NotoSerifThai-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifThai-Regular.ttf b/src/fonts/noto/NotoSerifThai-Regular.ttf
new file mode 100644
index 00000000..6438c594
Binary files /dev/null and b/src/fonts/noto/NotoSerifThai-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifThai-Thin.ttf b/src/fonts/noto/NotoSerifThai-Thin.ttf
new file mode 100644
index 00000000..1e9a74fb
Binary files /dev/null and b/src/fonts/noto/NotoSerifThai-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifTibetan-Black.ttf b/src/fonts/noto/NotoSerifTibetan-Black.ttf
new file mode 100644
index 00000000..e3e9d857
Binary files /dev/null and b/src/fonts/noto/NotoSerifTibetan-Black.ttf differ
diff --git a/src/fonts/noto/NotoSerifTibetan-Bold.ttf b/src/fonts/noto/NotoSerifTibetan-Bold.ttf
new file mode 100644
index 00000000..e2d1838e
Binary files /dev/null and b/src/fonts/noto/NotoSerifTibetan-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifTibetan-Light.ttf b/src/fonts/noto/NotoSerifTibetan-Light.ttf
new file mode 100644
index 00000000..72585e3d
Binary files /dev/null and b/src/fonts/noto/NotoSerifTibetan-Light.ttf differ
diff --git a/src/fonts/noto/NotoSerifTibetan-Medium.ttf b/src/fonts/noto/NotoSerifTibetan-Medium.ttf
new file mode 100644
index 00000000..d532b7c2
Binary files /dev/null and b/src/fonts/noto/NotoSerifTibetan-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifTibetan-Regular.ttf b/src/fonts/noto/NotoSerifTibetan-Regular.ttf
new file mode 100644
index 00000000..e4015f1c
Binary files /dev/null and b/src/fonts/noto/NotoSerifTibetan-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifTibetan-Thin.ttf b/src/fonts/noto/NotoSerifTibetan-Thin.ttf
new file mode 100644
index 00000000..477d2bb3
Binary files /dev/null and b/src/fonts/noto/NotoSerifTibetan-Thin.ttf differ
diff --git a/src/fonts/noto/NotoSerifToto-Bold.ttf b/src/fonts/noto/NotoSerifToto-Bold.ttf
new file mode 100644
index 00000000..e1e5ddd7
Binary files /dev/null and b/src/fonts/noto/NotoSerifToto-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifToto-Medium.ttf b/src/fonts/noto/NotoSerifToto-Medium.ttf
new file mode 100644
index 00000000..7756773a
Binary files /dev/null and b/src/fonts/noto/NotoSerifToto-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifToto-Regular.ttf b/src/fonts/noto/NotoSerifToto-Regular.ttf
new file mode 100644
index 00000000..66709be2
Binary files /dev/null and b/src/fonts/noto/NotoSerifToto-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifVithkuqi-Bold.ttf b/src/fonts/noto/NotoSerifVithkuqi-Bold.ttf
new file mode 100644
index 00000000..d328815c
Binary files /dev/null and b/src/fonts/noto/NotoSerifVithkuqi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifVithkuqi-Medium.ttf b/src/fonts/noto/NotoSerifVithkuqi-Medium.ttf
new file mode 100644
index 00000000..c8af368d
Binary files /dev/null and b/src/fonts/noto/NotoSerifVithkuqi-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifVithkuqi-Regular.ttf b/src/fonts/noto/NotoSerifVithkuqi-Regular.ttf
new file mode 100644
index 00000000..e18be5ef
Binary files /dev/null and b/src/fonts/noto/NotoSerifVithkuqi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoSerifYezidi-Bold.ttf b/src/fonts/noto/NotoSerifYezidi-Bold.ttf
new file mode 100644
index 00000000..bece45fb
Binary files /dev/null and b/src/fonts/noto/NotoSerifYezidi-Bold.ttf differ
diff --git a/src/fonts/noto/NotoSerifYezidi-Medium.ttf b/src/fonts/noto/NotoSerifYezidi-Medium.ttf
new file mode 100644
index 00000000..c1436073
Binary files /dev/null and b/src/fonts/noto/NotoSerifYezidi-Medium.ttf differ
diff --git a/src/fonts/noto/NotoSerifYezidi-Regular.ttf b/src/fonts/noto/NotoSerifYezidi-Regular.ttf
new file mode 100644
index 00000000..31a88d0a
Binary files /dev/null and b/src/fonts/noto/NotoSerifYezidi-Regular.ttf differ
diff --git a/src/fonts/noto/NotoTraditionalNushu-Bold.ttf b/src/fonts/noto/NotoTraditionalNushu-Bold.ttf
new file mode 100644
index 00000000..d07b0649
Binary files /dev/null and b/src/fonts/noto/NotoTraditionalNushu-Bold.ttf differ
diff --git a/src/fonts/noto/NotoTraditionalNushu-Light.ttf b/src/fonts/noto/NotoTraditionalNushu-Light.ttf
new file mode 100644
index 00000000..2118bc82
Binary files /dev/null and b/src/fonts/noto/NotoTraditionalNushu-Light.ttf differ
diff --git a/src/fonts/noto/NotoTraditionalNushu-Regular.ttf b/src/fonts/noto/NotoTraditionalNushu-Regular.ttf
new file mode 100644
index 00000000..68608766
Binary files /dev/null and b/src/fonts/noto/NotoTraditionalNushu-Regular.ttf differ
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace-active.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 00000000..1e74c5c3
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace-hover.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 00000000..8a1d3516
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+
+
+
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace.svg
new file mode 100644
index 00000000..8dba5df9
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+
+
+
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/calendar-arrow-left.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..738a3f2c
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/calendar-arrow-right.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..acb514b9
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox-dark.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 00000000..8a678c95
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox-off.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 00000000..bd8d1941
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox.svg
new file mode 100644
index 00000000..8a678c95
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/close-active.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/close-active.svg
new file mode 100644
index 00000000..0dde2b9d
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/close-hover.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/close-hover.svg
new file mode 100644
index 00000000..37f8806a
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/close.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/close.svg
new file mode 100644
index 00000000..5dcc697b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/corner-ripple.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 00000000..858cbd13
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton-dark.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 00000000..741abc68
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton-off.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 00000000..bd8d1941
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton.svg
new file mode 100644
index 00000000..741abc68
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-off.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-off.svg
new file mode 100644
index 00000000..6c73df4b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,73 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-on-dark.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..42150d98
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,75 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-on.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-on.svg
new file mode 100644
index 00000000..79ece7eb
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,81 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/assets/trash-icon.svg b/src/themes/Catppuccin-Latte/cinnamon/assets/trash-icon.svg
new file mode 100644
index 00000000..e9d97413
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/themes/Catppuccin-Latte/cinnamon/cinnamon.css b/src/themes/Catppuccin-Latte/cinnamon/cinnamon.css
new file mode 100644
index 00000000..5e1c6e77
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/cinnamon/cinnamon.css
@@ -0,0 +1,2338 @@
+stage {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+ min-height: 24px;
+ padding: 5px 32px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.sound-button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.sound-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.sound-button:insensitive {
+ color: rgba(0, 0, 0, 0.38);
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+}
+
+.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: transparent;
+}
+
+.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover,
+.calendar-today-home-button-enabled:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
+.calendar-today-home-button-enabled:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-radius: 6px;
+}
+
+.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
+.calendar-today-home-button-enabled:insensitive {
+ color: rgba(0, 0, 0, 0.3);
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ min-height: 24px;
+ padding: 6px 30px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+ color: #dc8a78;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
+ padding: 3px 12px;
+ min-height: 24px;
+ caret-size: 1px;
+ selection-background-color: #dc8a78;
+ selected-color: rgba(0, 0, 0, 0.87);
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ border: 2px solid transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+ border: 2px solid #dc8a78;
+}
+
+#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
+ border: 2px solid transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FFD600;
+ padding: 0 6px;
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+ padding: 8px;
+}
+
+StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(169, 169, 169, 0.948);
+ border: 0px solid;
+ margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(192, 192, 192, 0.961);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #dc8a78;
+}
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 4px;
+ -slider-background-color: rgba(0, 0, 0, 0.12);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #dc8a78;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 4px;
+ height: 18px;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px;
+ color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.check-box StLabel {
+ font-weight: normal;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox.svg");
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none;
+}
+
+.radiobutton StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.radiobutton StBin, .radiobutton:focus StBin {
+ background-image: url("assets/radiobutton-off.svg");
+}
+
+.radiobutton:checked StBin, .radiobutton:focus:checked StBin {
+ background-image: url("assets/radiobutton.svg");
+}
+
+.toggle-switch {
+ width: 46px;
+ height: 24px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-menu-item:active .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked {
+ background-image: url("assets/toggle-on.svg");
+}
+
+.cinnamon-link {
+ color: #3c84f7;
+ text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+ color: #6da3f9;
+}
+
+#Tooltip {
+ border-radius: 9999px;
+ padding: 6px 12px;
+ background-color: rgba(43, 43, 59, 0.9);
+ color: #FFFFFF;
+ margin: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+ padding: 0;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ margin: 6px;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+ border-radius: 6px;
+ background-gradient-direction: none;
+ box-shadow: none;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+ padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+ padding: 6px;
+ border-radius: 12px;
+ background-clip: padding-box;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+ padding: 6px 12px;
+ spacing: 12px;
+ border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover, .menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.38);
+ background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu-icon,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(0, 0, 0, 0);
+ -arrow-border-width: 0;
+ -arrow-border-color: rgba(0, 0, 0, 0);
+ -arrow-base: 0;
+ -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+ padding: 6px;
+}
+
+.popup-combobox-item {
+ spacing: 1em;
+}
+
+.popup-separator-menu-item {
+ -gradient-height: 0;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-bottom-width: 0;
+ border-bottom-style: solid;
+ background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal;
+}
+
+.popup-device-menu-item {
+ spacing: .5em;
+}
+
+.popup-subtitle-menu-item {
+ font-weight: normal;
+}
+
+.nm-menu-item-icons {
+ spacing: .5em;
+}
+
+#panel {
+ font-weight: bold;
+ height: 36px;
+ width: 42px;
+}
+
+#panel:highlight {
+ border-image: none;
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+#panelLeft {
+ spacing: 4px;
+}
+
+#panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(229, 57, 53, 0.35);
+ background-gradient-end: rgba(229, 57, 53, 0.35);
+}
+
+#panelLeft:ltr {
+ padding-right: 4px;
+}
+
+#panelLeft:rtl {
+ padding-left: 4px;
+}
+
+#panelLeft.vertical {
+ padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(220, 138, 120, 0.35);
+ background-gradient-end: rgba(220, 138, 120, 0.35);
+}
+
+#panelRight:ltr {
+ padding-left: 6px;
+ spacing: 0px;
+}
+
+#panelRight:rtl {
+ padding-right: 6px;
+ spacing: 0px;
+}
+
+#panelRight.vertical {
+ padding: 0;
+}
+
+#panelRight.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelCenter {
+ spacing: 4px;
+}
+
+#panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(76, 175, 80, 0.35);
+ background-gradient-end: rgba(76, 175, 80, 0.35);
+}
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: 1em;
+ padding: 0px;
+ background-color: rgba(230, 233, 239, 0.75);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover, .panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active, .panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active, .panel-left .panel-button:active,
+.panel-left .panel-status-button:active, .panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.panel-dummy {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(229, 57, 53, 0.6);
+}
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ height: 22px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ transition-duration: 100ms;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ background-color: rgba(43, 43, 59, 0.9);
+ border: 1px solid rgba(43, 43, 59, 0.9);
+ color: #FFFFFF;
+ spacing: 25px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+}
+
+.window-caption#selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #dc8a78;
+ spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+ height: 15px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+.expo-workspaces-name-entry#selected:focus {
+ border: 1px solid #dc8a78;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: rgba(0, 0, 0, 0.87);
+ selected-color: #dc8a78;
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ border-radius: 6px;
+}
+
+.expo-workspace-thumbnail-frame#active {
+ border: 4px solid #dc8a78;
+ background-color: black;
+ border-radius: 6px;
+}
+
+.expo-background {
+ background-color: #2b2b3b;
+}
+
+.workspace-thumbnails {
+ spacing: 26px;
+}
+
+.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+ padding: 8px;
+}
+
+.workspace-add-button {
+ background-image: url("assets/add-workspace.svg");
+ height: 200px;
+ width: 35px;
+ transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+ background-image: url("assets/add-workspace-hover.svg");
+ transition-duration: 100;
+}
+
+.workspace-add-button:active {
+ background-image: url("assets/add-workspace-active.svg");
+ transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+ background-image: url("assets/close.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+ background-image: url("assets/close-hover.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+ background-image: url("assets/close-active.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+ outline: 2px solid red;
+ border: 1px solid green;
+}
+
+.window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+ background-image: url("assets/trash-icon.svg");
+ height: 120px;
+ width: 400px;
+}
+
+.about-content {
+ width: 550px;
+ height: 250px;
+ spacing: 8px;
+ padding-bottom: 10px;
+}
+
+.about-title {
+ font-size: 2em;
+ font-weight: bold;
+}
+
+.about-uuid {
+ font-size: 10px;
+ color: #888;
+}
+
+.about-icon {
+ padding-right: 20px;
+ padding-bottom: 14px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ background-color: #FFFFFF;
+ padding: 4px;
+ padding-right: 0;
+ border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+ padding-bottom: 16px;
+}
+
+.about-version {
+ padding-left: 7px;
+ font-size: 10px;
+ color: #888;
+}
+
+#LookingGlassDialog {
+ background-color: #FFFFFF;
+ spacing: 6px;
+ padding: 6px;
+ margin: 32px;
+ border-radius: 12px;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+ border: none;
+}
+
+.calendar-main-box {
+ margin: 0 6px;
+}
+
+.calendar {
+ padding: 6px 12px;
+ spacing-rows: 0px;
+ spacing-columns: 0px;
+}
+
+.calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ margin: 6px 0;
+ padding: 6px;
+}
+
+.calendar-today-day-label {
+ font-size: 1.75em;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: .1em;
+}
+
+.calendar-today-date-label {
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-month-label {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ margin: 0 2px;
+ padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 24px;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus, .calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+ background-color: rgba(0, 0, 0, 0.25);
+}
+
+.calendar-change-month-back {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.datemenu-date-label {
+ padding: .4em 1.75em;
+ font-weight: normal;
+ text-align: center;
+ font-size: 14px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 6px;
+}
+
+.calendar-day-base {
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+}
+
+.calendar-day-base:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.calendar-day-base:active {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.calendar-day-heading {
+ color: rgba(0, 0, 0, 0.6);
+ margin-top: 1em;
+}
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+ border-width: 0;
+}
+
+.calendar-other-month-day {
+ color: rgba(0, 0, 0, 0.6);
+ opacity: 1;
+}
+
+.calendar-week-number {
+ width: 20px;
+ height: 20px;
+ margin: 6px 0;
+ color: rgba(0, 0, 0, 0.26);
+ font-weight: bold;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+ padding: 0;
+ margin-top: 3px;
+}
+
+.calendar-events-main-box {
+ height: 300px;
+ margin: 8px 0.8em 0 0;
+ padding: 8px;
+ min-width: 350px;
+ border: none;
+ border-radius: 6px;
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.calendar-events-no-events-button {
+ margin: 6px 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.calendar-events-no-events-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+.calendar-events-no-events-icon {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.calendar-events-no-events-label {
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: center;
+ margin-top: 9px;
+}
+
+.calendar-events-date-label {
+ padding: 3px 0 12px 3px;
+ font-size: 1.1em;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-events-event-container {
+ padding: 2px;
+}
+
+.calendar-events-main-box .separator {
+ -margin-horizontal: 1em;
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0.12);
+ -gradient-end: rgba(0, 0, 0, 0.12);
+}
+
+.calendar-event-button {
+ margin: 6px 0 6px 0;
+ border-radius: 6px;
+}
+
+.calendar-event-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 0, 0.04);
+ background-gradient-end: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+.calendar-event-color-strip {
+ width: 4px;
+ border-radius: 4px 0 0 4px;
+}
+
+.calendar-event-row-content {
+ margin: 6px;
+}
+
+.calendar-event-time-past {
+ color: rgba(0, 0, 0, 0.3);
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present:all-day {
+ color: rgba(76, 175, 80, 0.6);
+}
+
+.calendar-event-time-future {
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-align: right;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown:soon {
+ color: white;
+}
+
+.calendar-event-countdown:imminent {
+ color: rgba(255, 214, 0, 0.6);
+}
+
+.calendar-event-countdown:current {
+ color: rgba(76, 175, 80, 0.6);
+}
+
+.calendar-event-summary {
+ color: rgba(0, 0, 0, 0.38);
+ text-align: left;
+ width: 200px;
+}
+
+#notification {
+ border-radius: 12px;
+ padding: 12px;
+ spacing-rows: 9px;
+ spacing-columns: 9px;
+ margin-from-right-edge-of-screen: 18px;
+ width: 28em;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.8);
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button, #notification .notification-icon-button {
+ padding: 6px;
+}
+
+.menu #notification, .popup-menu #notification {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.05);
+ box-shadow: none;
+ margin: 0;
+}
+
+.menu #notification:hover, .popup-menu #notification:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 6px;
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 12px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 6px;
+}
+
+#notification-actions {
+ spacing: 9px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.notification-button, .notification-icon-button {
+ padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #dc8a78;
+}
+
+.switcher-list .item-box:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+ border: 0px solid #dc8a78;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #FFFFFF;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.modal-dialog {
+ color: #FFFFFF;
+ background-color: rgba(36, 37, 50, 0.95);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 6px 12px;
+ background-color: rgba(43, 43, 59, 0.9);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #FFFFFF;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #E53935;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 3px 12px;
+ border-radius: 6px;
+ caret-color: #FFFFFF;
+ selected-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: #dc8a78;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid #dc8a78;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #FFD600;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(43, 43, 59, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.keyboard-key:active, .keyboard-key:checked {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #FFFFFF;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(43, 43, 59, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 6px;
+ padding: 6px;
+ transition-duration: 300;
+ background-color: rgba(0, 0, 0, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 9px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 9px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 9px;
+}
+
+.menu-categories-box {
+ padding: 9px 30px;
+}
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 3px 0;
+ border-radius: 6px;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 3px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 6px;
+}
+
+.menu-category-button-hover, .menu-category-button-selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 6px;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: rgba(0, 0, 0, 0.87);
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(230, 233, 239, 0.75);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 0;
+ background-color: rgba(230, 233, 239, 0.75);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #dc8a78;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #dc8a78;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(0, 0, 0, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.25);
+ border-color: rgba(0, 0, 0, 0.26);
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
+ border-color: #dc8a78;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #4CAF50;
+ background-gradient-end: #4CAF50;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #FFD600;
+ background-gradient-end: #FFD600;
+}
+
+.window-list-preview {
+ padding: 6px;
+ spacing: 6px;
+ border: none;
+ background-color: #FFFFFF;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 6px;
+ border-radius: 6px;
+ spacing: 6px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #dc8a78;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 0;
+ spacing: 6px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(0, 0, 0, 0.26);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(0, 0, 0, 0.6);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+ border-color: #dc8a78;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #4CAF50;
+ background-gradient-end: #4CAF50;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #FFD600;
+ background-gradient-end: #FFD600;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: rgba(235, 235, 235, 0.987);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 12px 18px;
+ spacing: 6px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 6px 6px;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(26, 26, 35, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: rgba(0, 0, 0, 0.12);
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #dc8a78;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined, .workspace-button:outlined:hover {
+ color: #dc8a78;
+}
+
+.workspace-button:hover {
+ color: #e7ada1;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #dc8a78;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(255, 255, 255, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(255, 255, 255, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(255, 255, 255, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(246, 247, 249, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 3px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(0, 0, 0, 0.12);
+}
+
+.applet-box {
+ padding: 0 6px;
+ color: rgba(0, 0, 0, 0.6);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 6px 0;
+}
+
+.applet-box:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.applet-box:checked, .applet-box:checked:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(0, 0, 0, 0.6);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(0, 0, 0, 0.6);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(0, 0, 0, 0.6);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #FFFFFF;
+}
+
+.desklet:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-with-borders {
+ color: #FFFFFF;
+ background-color: rgba(43, 43, 59, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #FFFFFF;
+ background-color: rgba(43, 43, 59, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(229, 57, 53, 0.5);
+}
+
+.desklet-header {
+ color: #FFFFFF;
+ background-color: rgba(43, 43, 59, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #dc8a78;
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+.photoframe-box {
+ color: #FFFFFF;
+ background-color: rgba(43, 43, 59, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: .5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview, .tile-preview.snap,
+.tile-hud, .tile-hud.snap {
+ background-color: rgba(220, 138, 120, 0.3);
+ border: 1px solid #dc8a78;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/src/themes/Catppuccin-Latte/cinnamon/thumbnail.png b/src/themes/Catppuccin-Latte/cinnamon/thumbnail.png
new file mode 100644
index 00000000..84452a92
Binary files /dev/null and b/src/themes/Catppuccin-Latte/cinnamon/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-arrow-left.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..309e10b6
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-arrow-right.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..67d2c49e
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-today.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 00000000..03405a4e
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-dark.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 00000000..8a678c95
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off-active.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off-active.svg
new file mode 100644
index 00000000..0335aa6d
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off-active.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off-hover.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off-hover.svg
new file mode 100644
index 00000000..c581bd6e
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off-hover.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 00000000..bd8d1941
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox.svg
new file mode 100644
index 00000000..8a678c95
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/dash-placeholder.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 00000000..172156ae
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/no-events.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/no-events.svg
new file mode 100644
index 00000000..61dde6aa
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/no-notifications.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 00000000..8a936cfd
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/noise-texture.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 00000000..484f6c87
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/process-working.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/process-working.svg
new file mode 100644
index 00000000..0f311b0b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/process-working.svg
@@ -0,0 +1,72 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-off.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 00000000..6c73df4b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,73 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-on-dark.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..42150d98
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,75 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-on.svg b/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 00000000..79ece7eb
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,81 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/gnome-shell.css b/src/themes/Catppuccin-Latte/gnome-shell/gnome-shell.css
new file mode 100644
index 00000000..33a00e8c
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/gnome-shell.css
@@ -0,0 +1,4098 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* General Typography */
+.quick-toggle-menu .header .title {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel, .quick-toggle-menu .header .subtitle {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+.icon-label-button-container {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.ripple-pointer-location {
+ width: 48px;
+ height: 48px;
+ border-radius: 24px;
+ background-color: rgba(252, 243, 242, 0.3);
+ box-shadow: 0 0 2px 2px #f1d0c9;
+}
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: #dc8a78;
+ -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+ border: 2px solid #dc8a78;
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+/* App Icons */
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 16px;
+ padding: 6px;
+ border: none;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-image: none;
+ background-image: none;
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+ box-shadow: none;
+}
+
+.app-well-app.app-folder {
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder, .app-well-app.app-folder:hover, .app-well-app.app-folder:active {
+ background-color: transparent;
+}
+
+.app-well-app.app-folder .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder:hover .overview-icon {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-well-app.app-folder:active .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+ border-radius: 36px;
+ padding: 12px;
+ background-color: #11111b;
+ border: 1px solid black;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.app-folder-dialog .folder-name-container {
+ padding: 24px 36px 0;
+ spacing: 12px;
+ /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+ font-size: 18pt;
+ font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 300px;
+ border: none;
+ caret-color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+ padding: 9px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ padding: 0;
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+ icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+ row-spacing: 12px;
+ column-spacing: 24px;
+ page-padding-top: 0;
+ page-padding-bottom: 0;
+ page-padding-left: 0;
+ page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+ margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+ padding: 6px;
+ width: 720px;
+ height: 720px;
+}
+
+.app-well-app-running-dot {
+ width: 6px;
+ height: 3px;
+ border-radius: 2px;
+ background-color: rgba(255, 255, 255, 0.3);
+ margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+ width: 24px;
+ background-color: #dc8a78 !important;
+}
+
+.app-menu,
+.app-well-menu {
+ max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px;
+}
+
+.system-action-icon {
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+ background-color: #11111b;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ icon-size: 48px;
+}
+
+.shell-link {
+ border-radius: 6px;
+ color: #3c84f7;
+}
+
+.shell-link:hover {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.15);
+}
+
+.shell-link:active {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.25);
+}
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+ icon-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
+}
+
+/* Buttons */
+.quick-settings-system-item .icon-button, .hotplug-notification-item, .button {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:focus, .hotplug-notification-item:focus, .button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.08);
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:hover, .hotplug-notification-item:hover, .button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:active, .hotplug-notification-item:active, .button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:insensitive, .hotplug-notification-item:insensitive, .button:insensitive {
+ color: rgba(0, 0, 0, 0.35);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .popup-menu .button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.08);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .popup-menu .button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .popup-menu .button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .popup-menu .button:insensitive {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.35);
+ box-shadow: none !important;
+}
+
+.button {
+ min-height: 20px;
+ padding: 6px 12px;
+ border-radius: 6px;
+ border: none;
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
+ color: rgba(255, 255, 255, 0.35);
+ background-color: #11111b;
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+/* Date/Time Menu */
+.popup-menu .message, .world-clocks-button,
+.weather-button,
+.events-button {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+ border: none;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+.popup-menu .message:hover, .world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+}
+
+.popup-menu .message:active, .world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none;
+}
+
+#calendarArea {
+ padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+ spacing: 6px;
+ border: 0 solid rgba(0, 0, 0, 0.12);
+ padding: 0 4px 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+ margin-right: 8px;
+ border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+ margin-left: 8px;
+ border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+ padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+ margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ padding: 6px;
+ margin: 0 12px;
+ text-shadow: none;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 6px;
+}
+
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.datemenu-today-button:active {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.datemenu-today-button .day-label {
+ font-size: 12pt;
+ font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+ font-size: 18pt;
+ font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0;
+ margin: 0;
+ text-shadow: none;
+}
+
+.calendar .calendar-month-label {
+ padding: 6px 0;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+ text-align: center;
+ text-shadow: none;
+ font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 0 !important;
+ margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+ icon-size: 16px;
+}
+
+.calendar .pager-button {
+ width: 32px;
+ height: 32px;
+ margin: 2px;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.calendar .pager-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.calendar .calendar-day-base {
+ font-size: 10pt;
+ text-align: center;
+ width: 34px;
+ height: 34px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.6);
+ border: none;
+ font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+ border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+ margin-top: 1em;
+ color: rgba(0, 0, 0, 0.38);
+ font-size: 10pt;
+}
+
+.calendar .calendar-day {
+ border-width: 0;
+}
+
+.calendar .calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+}
+
+.calendar .calendar-today {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.6) !important;
+ background-color: rgba(0, 0, 0, 0.06);
+ border: none;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:active {
+ background-color: #d77864;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+ background-color: #e4a698;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+ color: rgba(0, 0, 0, 0.6);
+ background-image: url("assets/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+ color: rgba(0, 0, 0, 0.3);
+ opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+ width: 26px;
+ height: 0;
+ margin: 8px 0 8px 6px !important;
+ padding: 0 !important;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ font-size: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+ padding: 12px !important;
+ margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+ spacing: 6px;
+}
+
+.events-button .events-list {
+ spacing: 12px;
+ text-shadow: none;
+}
+
+.events-button .events-title {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ text-shadow: none;
+}
+
+.events-button .event-time {
+ color: rgba(0, 0, 0, 0.38);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: bold;
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+ color: rgba(0, 0, 0, 0.38);
+ font-feature-settings: "tnum";
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+ text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+ text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+ color: rgba(0, 0, 0, 0.38);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+ spacing-rows: 0.4em;
+ spacing-columns: 0.8em;
+}
+
+.weather-button {
+ margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+ spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+ spacing: 6px;
+}
+
+.weather-button .weather-header {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.38);
+ font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+ color: rgba(0, 0, 0, 0.6);
+ font-feature-settings: "tnum";
+ font-size: 9pt;
+ font-weight: normal;
+ padding-top: 0.2em;
+ padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+ icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+ font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+ padding: 3px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:hover StBin {
+ background-image: url("assets/checkbox-off-hover.svg");
+}
+
+.check-box:active StBin {
+ background-image: url("assets/checkbox-off-active.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox.svg");
+}
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(220, 138, 120, 0.35);
+ box-shadow: 0 0 2px 2px #f1d0c9;
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+ border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+ font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+ width: 32px;
+ height: 32px;
+}
+
+.dash-label {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: rgba(0, 0, 0, 0.75);
+ border-radius: 9999px;
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+ text-align: center;
+ -y-offset: 12px;
+ -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content, .modal-dialog {
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.modal-dialog-linked-button:last-child {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #e5aa9c;
+}
+
+.modal-dialog-linked-button:active:last-child {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #d77864;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+ background-color: rgba(220, 138, 120, 0.05);
+ color: rgba(220, 138, 120, 0.35);
+}
+
+.headline {
+ font-size: 12pt;
+}
+
+.modal-dialog {
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+ min-height: 32px !important;
+ padding: 6px !important;
+ margin: 3px !important;
+ border: none !important;
+ border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.08);
+ box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+ margin: 30px 42px;
+ spacing: 30px;
+ max-width: 28em;
+}
+
+.end-session-dialog {
+ width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+ color: #FFD600;
+}
+
+.message-dialog-content {
+ spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+ text-align: center;
+ font-size: 18pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+ font-size: 13pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+ text-align: center;
+}
+
+.dialog-list {
+ spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+ text-align: center;
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+ max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+ margin-top: 24px;
+ margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+ width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+ text-align: center;
+ color: rgba(0, 0, 0, 0.6);
+ font-size: 10pt;
+}
+
+.prompt-dialog {
+ width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+ margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+ spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+ width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ text-align: center;
+ font-size: 10pt;
+ margin: 6px;
+}
+
+.prompt-dialog-error-label {
+ color: #E53935;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #FFD600;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+ margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+ spacing: 20px;
+}
+
+.audio-selection-device {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.audio-selection-device:active {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+ padding: 18px;
+ spacing: 18px;
+}
+
+.audio-selection-device-icon {
+ icon-size: 64px;
+}
+
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ height: 300px;
+ width: 300px;
+}
+
+/* Entries */
+StEntry, .popup-menu .search-entry {
+ min-height: 32px;
+ padding: 2px 12px;
+ margin: 2px;
+ border-width: 0;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+ caret-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: #dc8a78;
+ selected-color: rgba(0, 0, 0, 0.87);
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+StEntry:hover, .popup-menu .search-entry:hover {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: rgba(0, 0, 0, 0.26);
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+StEntry:focus, .popup-menu .search-entry:focus {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #dc8a78;
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: none;
+}
+
+StEntry:insensitive, .popup-menu .search-entry:insensitive {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.35);
+ border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FFD600;
+ padding: 0 0;
+}
+
+StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password {
+ icon-size: 16px;
+ padding: 0 4px;
+}
+
+StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
+ margin-left: 2px;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.hotplug-notification-item {
+ padding: 12px;
+ border-style: solid;
+ border-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+ border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+ border-right-width: 0;
+ border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+ border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+ icon-size: 24px;
+ padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+ -arrow-border-radius: 2px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 64px;
+ -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+ color: rgba(0, 0, 0, 0.6);
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
+ border: none;
+ margin: 3px 8px;
+ padding: 6px;
+ spacing: 6px;
+}
+
+.candidate-index {
+ padding: 0 0.5em 0 0;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box:selected .candidate-index {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+ padding: 0.3em 0.5em 0.3em 0.5em;
+ margin-right: 2px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+ margin-right: 0;
+}
+
+.candidate-page-button-box {
+ height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+ padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+ padding-left: 0.5em;
+}
+
+.candidate-page-button {
+ padding: 4px 8px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+ border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+ icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #d8dade;
+ box-shadow: none;
+}
+
+#keyboard .page-indicator {
+ padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+ padding: 4px;
+ spacing: 4px;
+}
+
+.keyboard-key {
+ font-size: 16pt;
+ font-weight: bold;
+ min-height: 1.2em;
+ min-width: 1.2em;
+ padding: 0 !important;
+ border-radius: 9px;
+ border: none;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: white;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
+}
+
+.keyboard-key:focus, .keyboard-key:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2f2f2;
+}
+
+.keyboard-key:checked, .keyboard-key:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #e6e6e6;
+}
+
+.keyboard-key:grayed {
+ background-color: #adb3bc;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.keyboard-key.default-key {
+ background-color: #adb3bc;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #9fa6b1;
+}
+
+.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #8b94a0;
+}
+
+.keyboard-key.enter-key {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #e19c8c;
+}
+
+.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #d26750;
+}
+
+.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
+ color: #dc8a78;
+}
+
+.keyboard-key StIcon {
+ icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+ color: inherit;
+ -arrow-border-radius: 12px;
+ -arrow-background-color: rgba(199, 201, 205, 0.987);
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 6px;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
+}
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+ border: none;
+ background-color: #dc8a78;
+}
+
+.word-suggestions {
+ font-size: 14pt;
+ spacing: 12px;
+ min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+ background-color: #11111b;
+}
+
+.login-dialog-banner-view {
+ padding-top: 24px;
+ max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+ border: none;
+ background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+ selection-background-color: #dc8a78;
+ selected-color: rgba(0, 0, 0, 0.87);
+ padding: 4px 8px;
+ min-height: 26px;
+ border-radius: 9999px;
+ caret-color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 0;
+ border: none;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 -2px #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.35);
+}
+
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+ spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+ padding: 0 16px;
+ border: none;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.35);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+ color: rgba(0, 0, 0, 0.35);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+ padding: 0;
+ border-radius: 100px;
+ width: 32px;
+ height: 32px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: #FFFFFF;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+ icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-logo-bin {
+ padding: 24px 0px;
+}
+
+.login-dialog-banner {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+ spacing: 5px;
+}
+
+.login-dialog-message {
+ text-align: center;
+}
+
+.login-dialog-message-warning {
+ color: #FFD600;
+}
+
+.login-dialog-message-hint {
+ padding-top: 0;
+ padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+ padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+ padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+ color: #FFFFFF;
+}
+
+.login-dialog-not-listed-label {
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+ padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+ -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+ spacing: 12px;
+ padding: .2em;
+ width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+ border-right: 2px solid #dc8a78;
+}
+
+.login-dialog-user-list-item {
+ border-radius: 12px;
+ padding: 6px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+ padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+ padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+ background-color: rgba(0, 0, 0, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
+ background-color: rgba(0, 0, 0, 0.26) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin: 6px 0 0 0;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+ font-size: 13pt;
+ font-weight: bold;
+ padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+ padding-left: 14px;
+ text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+ padding-right: 14px;
+ text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+ font-size: 16pt;
+ text-align: center;
+ font-weight: normal;
+ padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+ padding-top: 24px;
+ padding-bottom: 12px;
+ spacing: 12px;
+ width: 23em;
+}
+
+.login-dialog-prompt-entry {
+ height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 12pt;
+ padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+ background-color: #FFFFFF;
+ spacing: 4px;
+ padding: 0;
+ border: none;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#LookingGlassDialog > #Toolbar {
+ padding: 0 8px;
+ border: none;
+ border-radius: 0;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
+}
+
+#LookingGlassDialog .labels {
+ spacing: 0;
+}
+
+#LookingGlassDialog .notebook-tab {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.38);
+ padding-left: 16px;
+ padding-right: 16px;
+ min-height: 32px;
+ padding: 0 32px;
+ transition-duration: 100ms;
+ border-bottom-width: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+ border-color: transparent;
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 -2px 0px #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+ padding: 4px;
+ spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+ spacing: 4px;
+}
+
+.lg-dialog StEntry {
+ min-height: 22px;
+ selection-background-color: #dc8a78;
+ selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+ color: #3c84f7;
+}
+
+.lg-dialog .shell-link:hover {
+ color: #6da3f9;
+}
+
+.lg-dialog .shell-link:active {
+ color: #0b65f5;
+}
+
+.lg-dialog .actor-link {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.lg-dialog .actor-link:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .actor-link:active {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.lg-completions-text {
+ font-size: .9em;
+ font-style: italic;
+}
+
+.lg-obj-inspector-title {
+ spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+ padding: 0 16px;
+ border: none;
+ border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+ border: none;
+}
+
+#lookingGlassExtensions {
+ padding: 6px;
+}
+
+.lg-extensions-list {
+ padding: 6px;
+ spacing: 6px;
+}
+
+.lg-extension {
+ border: none;
+ border-radius: 6px;
+ background-color: #FFFFFF;
+ padding: 12px;
+}
+
+.lg-extension-name {
+ font-weight: bold;
+}
+
+.lg-extension-meta {
+ spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+ color: rgba(0, 0, 0, 0.6);
+ background: #FFFFFF;
+ border: none;
+ border-radius: 6px;
+ padding: 6px;
+ margin: 5px 8px 11px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+/* Message List */
+.message-list {
+ width: 31.5em;
+ text-shadow: none;
+ border: none;
+ padding: 4px 0;
+}
+
+.message-list:ltr {
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 0;
+ border-right-width: 0;
+}
+
+.message-list:rtl {
+ margin-right: 0;
+ margin-left: 0;
+ padding-left: 0;
+ border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+ spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+ icon-size: 48px;
+ margin-bottom: 12px;
+ -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+ margin: 0 8px 0 16px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+ spacing: 6px;
+}
+
+.message {
+ margin: 3px 0;
+}
+
+.message .message-icon-bin {
+ padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+ padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+ padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+ icon-size: 32px;
+ -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.message .message-secondary-bin {
+ padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+ color: rgba(0, 0, 0, 0.38);
+ font-size: 9pt;
+ text-align: right;
+ padding-bottom: 0.12em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+ text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+ text-align: left;
+}
+
+.message .message-title {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.message .message-content {
+ padding: 9px;
+ margin-bottom: 8px;
+ spacing: 4px;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.message .message-close-button {
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0;
+ height: 24px;
+ width: 24px;
+ border-radius: 9999px;
+}
+
+.message .message-close-button:hover, .message .message-close-button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.message .message-close-button:hover, .message .message-close-button:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.message .message-close-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.message .message-body {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.url-highlighter {
+ link-color: #3c84f7;
+}
+
+.message-media-control {
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.message-media-control:last-child:ltr {
+ margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+ margin-left: 16px;
+}
+
+.message-media-control:hover, .message-media-control:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.message-media-control:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.message-media-control:insensitive {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.media-message-cover-icon {
+ icon-size: 48px;
+ border-radius: 6px;
+}
+
+.media-message-cover-icon.fallback {
+ icon-size: 32px !important;
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.select-area-rubberband {
+ background-color: rgba(220, 138, 120, 0.3);
+ border: 1px solid #dc8a78;
+ border-radius: 6px;
+}
+
+.user-icon {
+ background-size: contain;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 9999px;
+ border: none;
+ box-shadow: none;
+ icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+ box-shadow: none;
+}
+
+.user-icon:hover {
+ color: #FFFFFF;
+}
+
+.user-icon StIcon {
+ background-color: #FFFFFF;
+ border-radius: 9999px;
+ padding: 12px;
+ width: 40px;
+ height: 40px;
+}
+
+.user-icon.user-avatar {
+ border: 2px solid #dc8a78;
+}
+
+.user-widget.vertical .user-icon {
+ icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+ padding: 20px;
+ padding-top: 18px;
+ padding-bottom: 22px;
+ width: 88px;
+ height: 88px;
+}
+
+.lightbox {
+ background-color: black;
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.hidden {
+ color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ font-size: 10pt;
+ color: #FFD600;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+ max-height: 34em;
+ min-height: 31em;
+ min-width: 32em;
+}
+
+.nm-dialog-content {
+ spacing: 20px;
+ padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+ spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+ font-weight: bold;
+ text-align: center;
+}
+
+.nm-dialog-airplane-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-header {
+ font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+ icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+ border: none;
+ padding: 0;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+}
+
+.nm-dialog-item {
+ font-size: 11pt;
+ border-bottom: none;
+ padding: 12px;
+ spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover, .nm-dialog-item:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.nm-dialog-item:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.nm-dialog-icon {
+ icon-size: 16px;
+}
+
+.nm-dialog-icons {
+ spacing: 12px;
+}
+
+.no-networks-label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.no-networks-box {
+ spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+ width: 34em;
+ min-height: 64px;
+ margin: 2px 5px 8px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.6);
+ background-color: #FFFFFF;
+ border: none;
+ text-shadow: none;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ border-radius: 12px;
+}
+
+.notification-banner:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
+ margin: 2px 12px 17px;
+}
+
+.notification-banner:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+}
+
+.notification-banner .notification-actions {
+ background-color: transparent;
+ padding-top: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ spacing: 0;
+}
+
+.notification-banner .notification-button {
+ min-height: 44px;
+ padding: 0 18px;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+ border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
+}
+
+.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.summary-source-counter {
+ font-size: fontsize(10);
+ font-weight: bold;
+ height: 1.6em;
+ width: 1.6em;
+ -shell-counter-overlap-x: 3px;
+ -shell-counter-overlap-y: 3px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ border: 2px solid rgba(0, 0, 0, 0.26);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ border-radius: 0.9em;
+}
+
+.chat-body {
+ spacing: 5px;
+}
+
+.chat-response {
+ margin: 5px;
+}
+
+.chat-log-message {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.chat-new-group {
+ padding-top: 1em;
+}
+
+.chat-received {
+ padding-left: 4px;
+}
+
+.chat-received:rtl {
+ padding-left: 0px;
+ padding-right: 4px;
+}
+
+.chat-sent {
+ padding-left: 18pt;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.chat-sent:rtl {
+ padding-left: 0;
+ padding-right: 18pt;
+}
+
+.chat-meta-message {
+ padding-left: 4px;
+ font-size: 9pt;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.chat-meta-message:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #11111b;
+ border: none;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ margin: 5px 8px 11px;
+ border-radius: 12px;
+ padding: 12px;
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ height: 2px;
+ border-radius: 2px;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(0, 0, 0, 0.12);
+ -barlevel-active-background-color: #dc8a78;
+ -barlevel-overdrive-color: #E53935;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+ -barlevel-border-color: rgba(0, 0, 0, 0.12);
+}
+
+.osd-window .level-bar {
+ background-color: white;
+ border-radius: 2px;
+}
+
+.pad-osd-window {
+ padding: 32px;
+ background-color: #11111b;
+}
+
+.pad-osd-window .pad-osd-title-box {
+ spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px;
+}
+
+.combo-box-label {
+ width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active {
+ background-color: #FFFFFF;
+}
+
+#overview {
+ spacing: 24px;
+}
+
+.overview-controls {
+ padding-bottom: 30px;
+}
+
+.quick-settings {
+ padding: 18px !important;
+ border-radius: 24px !important;
+ margin-top: 6px !important;
+}
+
+.quick-settings .icon-button, .quick-settings .button {
+ padding: 10.5px;
+}
+
+.quick-settings-grid {
+ spacing-rows: 12px;
+ spacing-columns: 12px;
+}
+
+.quick-toggle {
+ border-radius: 6px;
+ min-width: 12em;
+ max-width: 12em;
+ min-height: 40px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04) !important;
+ /* Move padding into the box; this is to allow menu arrows
+ to extend to the border */
+}
+
+.quick-toggle:hover {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle:active {
+ background-color: rgba(0, 0, 0, 0.15) !important;
+}
+
+.quick-toggle:checked {
+ background-color: #dc8a78 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+ background-color: rgba(210, 132, 114, 0.9922) !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+ background-color: rgba(194, 121, 106, 0.9805) !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+ spacing: 6px;
+}
+
+.quick-toggle.button {
+ padding: 0;
+}
+
+.quick-toggle > StBoxLayout {
+ padding: 0 12px;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+ padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+ padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+ font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow {
+ icon-size: 16px;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+ padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+ padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+ background-color: rgba(0, 0, 0, 0.04) !important;
+ padding: 6px 10.5px;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+ border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+ border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+ padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+ spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+ min-height: 16px;
+ padding: 6px;
+ border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.08);
+ box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon {
+ icon-size: 16px;
+}
+
+.quick-slider .icon-button {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.quick-slider .icon-button:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.quick-slider .icon-button:active {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.quick-toggle-menu {
+ background-color: #FFFFFF !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+ border-radius: 18px !important;
+ padding: 12px;
+ margin: 12px 18px 0;
+}
+
+.quick-toggle-menu .popup-menu-item {
+ border-radius: 6px !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item:hover, .quick-toggle-menu .popup-menu-item.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+ -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+ spacing-rows: 3px;
+ spacing-columns: 12px;
+ padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+ icon-size: 24px;
+ border-radius: 6px;
+ padding: 9px;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.quick-toggle-menu .header .icon.active {
+ background-color: #dc8a78 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+ spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 6px;
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+ -st-icon-style: symbolic;
+}
+
+.quick-settings-system-item .power-item {
+ min-height: 0;
+ min-width: 0;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: none !important;
+ background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+ icon-size: 8px;
+}
+
+/* Top Bar */
+#panel {
+ background-color: #e6e9ef;
+ font-weight: bold;
+ height: 32px;
+ color: rgba(0, 0, 0, 0.6);
+ font-feature-settings: "tnum";
+ transition-duration: 250ms;
+ font-size: 10pt;
+}
+
+#panel .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: #e6e9ef;
+ -panel-corner-border-width: 2px;
+ -panel-corner-border-color: transparent;
+ -panel-corner-opacity: 1;
+ transition-duration: 250ms;
+}
+
+#panel .panel-button {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.6);
+ transition-duration: 150ms;
+ border-radius: 9999px;
+ text-shadow: none;
+ border: 2px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#panel .panel-button:hover.clock-display .clock {
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#panel .panel-button .system-status-icon {
+ icon-size: 16px;
+ padding: 6px;
+ margin: 0 4px;
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+ margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+ -natural-hpadding: 18px;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock {
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+ spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+ spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+ color: #FFD600;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+ -arrow-border-radius: 12px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 18px;
+ -arrow-rise: 0;
+ -arrow-box-shadow: none;
+ background: transparent;
+}
+
+.popup-menu {
+ min-width: 12em;
+ color: rgba(0, 0, 0, 0.6) !important;
+ padding: 0;
+ font-weight: normal;
+ border-radius: 12px;
+ box-shadow: 0 3px 8px -5px rgba(0, 0, 0, 0.12);
+ margin: 6px 6px 8px;
+ font-size: 10pt;
+}
+
+.popup-menu .popup-menu-content {
+ padding: 6px;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ margin: 0;
+ font-weight: normal;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+ spacing: 6px;
+ color: rgba(0, 0, 0, 0.6) !important;
+ text-shadow: none;
+ border-radius: 6px;
+ margin: 0;
+ transition-duration: 100ms;
+ font-weight: normal;
+ background-color: transparent;
+}
+
+.popup-menu .popup-menu-item:checked {
+ font-weight: normal;
+ border: none;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: alpha(currentColor, 0.08) !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: alpha(currentColor, 0.12) !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+ color: rgba(0, 0, 0, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(0, 0, 0, 0.6) !important;
+ border: none;
+ box-shadow: none;
+ margin: 0;
+ border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+ margin: 0;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.3) !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+ color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+ -boxpointer-gap: 4px;
+ margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-ornament {
+ width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+ text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+ text-align: left;
+}
+
+.background-menu {
+ -boxpointer-gap: 4px;
+ -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+ min-width: 20em;
+}
+
+.aggregate-menu .popup-menu-icon {
+ padding: 0;
+ margin: 0 3px;
+ -st-icon-style: symbolic;
+}
+
+.app-menu {
+ max-width: 27.25em;
+}
+
+.app-menu .popup-menu-ornament {
+ width: 0 !important;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
+ margin-right: 8px;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
+ margin-left: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+ color: white;
+ font-weight: 300;
+ text-align: center;
+ spacing: 24px;
+ padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+ font-size: 64pt;
+ padding-top: 42px;
+ font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+ font-size: 16pt;
+ font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+ font-weight: normal;
+ padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+ margin: 12px 0;
+ spacing: 6px;
+ width: 23em;
+ background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 6px;
+ border: none;
+ background-color: #11111b;
+ color: #FFFFFF;
+ border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: #212134;
+}
+
+.unlock-dialog-notification-label {
+ padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+ weight: bold;
+ padding: 0 6px;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+ border-radius: 9999px;
+ margin-right: 12px;
+}
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: rgba(220, 138, 120, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+ padding: 0;
+}
+
+StScrollView StScrollBar {
+ min-width: 12px;
+ min-height: 12px;
+}
+
+StScrollBar StBin#trough {
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.12);
+ margin: 3px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ border: 3px solid transparent;
+ margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+.search-entry {
+ width: 320px;
+ min-height: 32px;
+ padding: 0 12px;
+ color: rgba(0, 0, 0, 0.6);
+ transition-duration: 150ms;
+ border-radius: 6px;
+ caret-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: rgba(0, 0, 0, 0.12);
+ selected-color: rgba(0, 0, 0, 0.87) !important;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+.search-entry:hover {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: rgba(0, 0, 0, 0.26);
+ background-color: #FFFFFF;
+}
+
+.search-entry:focus {
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #dc8a78;
+ background-color: #FFFFFF;
+ box-shadow: none;
+}
+
+.search-entry .search-entry-icon {
+ icon-size: 16px;
+ padding: 0 0;
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry:insensitive {
+ border: none;
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.search-entry StLabel.hint-text {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/* Search */
+.list-search-result, .search-provider-icon {
+ border-radius: 6px;
+ padding: 6px;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+ max-width: 1024px;
+ spacing: 8px;
+}
+
+.search-section {
+ spacing: 8px;
+ background: none;
+}
+
+.search-section .search-section-separator {
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.search-section-content {
+ spacing: 8px;
+ border-radius: 0;
+ padding: 18px;
+ border: none;
+ box-shadow: none;
+ background-color: transparent !important;
+ background-image: none !important;
+ text-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.search-statustext {
+ font-size: 2em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.grid-search-results {
+ spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ margin-top: 0;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.list-search-results {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+ spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Slider */
+.slider {
+ height: 20px;
+ color: #FFFFFF;
+ -slider-height: 2px;
+ -slider-background-color: rgba(0, 0, 0, 0.26);
+ -slider-border-color: #dc8a78;
+ -slider-active-background-color: #dc8a78;
+ -slider-active-border-color: #dc8a78;
+ -slider-border-width: 2px;
+ -slider-handle-radius: 7px;
+ -slider-handle-border-width: 2px;
+ -slider-handle-border-color: #dc8a78;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(0, 0, 0, 0.26);
+ -barlevel-border-color: transparent;
+ -barlevel-active-background-color: #dc8a78;
+ -barlevel-active-border-color: transparent;
+ -barlevel-overdrive-color: #E53935;
+ -barlevel-overdrive-border-color: transparent;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+ padding: 8px;
+ spacing: 24px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+ border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.switcher-list .item-box:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(0, 0, 0, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+ spacing: 12px;
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.switcher-arrow:highlighted {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px;
+}
+
+.cycler-highlight {
+ border: 5px solid #dc8a78;
+}
+
+/* Switches */
+.toggle-switch {
+ width: 46px;
+ height: 24px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-sub-menu .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-sub-menu .toggle-switch:checked {
+ background-image: url("assets/toggle-on.svg");
+}
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: rgba(220, 138, 120, 0.3);
+ border: 1px solid #dc8a78;
+}
+
+.tile-preview-left.on-primary {
+ border-radius: 7px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+ border-radius: 0 7px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+ border-radius: 7px 7px 0 0;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+ padding: 12px;
+}
+
+.workspace-switcher {
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ spacing: 12px;
+}
+
+.ws-switcher-box {
+ background: transparent;
+ height: 50px;
+ background-size: 32px;
+ background: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+ height: 52px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 9px;
+ border: none;
+}
+
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 72px;
+ max-column-spacing: 72px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 12px;
+ page-padding-right: 12px;
+}
+
+.page-indicator {
+ padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 10px;
+ background-color: white;
+}
+
+.apps-scroll-view {
+ padding: 0;
+}
+
+.page-navigation-hint {
+ width: 300px;
+}
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+ margin: 6px;
+ padding: 18px;
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.page-navigation-arrow:active > StIcon {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+#dash {
+ margin-top: 12px;
+ padding: 0 10px;
+}
+
+#dash .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px;
+}
+
+#dash .overview-icon {
+ padding: 5px;
+}
+
+.dash-background {
+ background-color: rgba(0, 0, 0, 0.26);
+ margin-bottom: 16px;
+ padding: 10px;
+ border-radius: 24px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+.dash-item-container .app-well-app, .show-apps {
+ padding: 10px 2px 26px;
+}
+
+.dash-separator {
+ width: 1px;
+ margin: 0 7px 16px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.workspace-animation {
+ background-color: #11111b;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 2px;
+}
+
+.message-list-controls {
+ padding: 6px 6px 6px 30px !important;
+ spacing: 6px;
+ font-weight: normal;
+}
+
+.message-list-controls .dnd-button {
+ font-weight: normal;
+}
+
+.message-media-control {
+ margin: 26px 6px;
+ padding: 12px;
+}
+
+.media-message-cover-icon {
+ padding: 12px;
+}
+
+.media-message-cover-icon.fallback {
+ padding: 12px;
+}
+
+.controls-manager, .secondary-monitor-workspaces {
+ spacing: 12px;
+}
+
+#overviewGroup {
+ background-color: #11111b;
+}
+
+.osd-window {
+ spacing: 12px;
+ padding: 12px 18px;
+ margin-bottom: 4em;
+}
+
+.osd-window > * {
+ spacing: 8px;
+}
+
+.osd-window StIcon {
+ icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+ margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+ margin-left: 6px;
+}
+
+#appMenu {
+ spacing: 6px;
+}
+
+#appMenu .label-shadow {
+ color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+ padding: 0 6px;
+ spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+ padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+ padding-right: 9px !important;
+ padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+ padding-right: 0 !important;
+ padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+ width: 0 !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+ margin: 6px 32px;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ padding: 0;
+ margin: 0 32px 0 0;
+ height: 1px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 12px !important;
+ margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 12px !important;
+ margin-right: 0 !important;
+}
+
+.search-entry {
+ margin-top: 24px;
+ margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+ spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+ icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+ border-radius: 33px;
+ padding: 18px;
+ padding-bottom: 12px;
+ margin-bottom: 4em;
+ spacing: 12px;
+}
+
+.screenshot-ui-close-button {
+ padding: 6px !important;
+ margin-top: 12px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+ margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+ margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+ min-width: 48px;
+ padding: 12px 18px !important;
+ border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+ border: 4px #FFFFFF;
+ padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+ background-color: #FFFFFF;
+ transition-duration: 200ms;
+ border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+ background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+ background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+ background-color: #E53935;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+ background-color: #e84f4c;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+ background-color: #da201c;
+}
+
+.screenshot-ui-shot-cast-container {
+ background-color: #1b1b2b;
+ border-radius: 12px;
+ padding: 3px;
+ spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+ margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+ margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+ padding: 6px 12px;
+ background-color: transparent;
+ border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+ background-color: #25253a;
+}
+
+.screenshot-ui-shot-cast-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+ background-color: white;
+ color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+ border-radius: 9999px;
+ padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+ border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+ border-radius: 9999px;
+ background-color: white;
+ box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+ width: 24px;
+ height: 24px;
+}
+
+.screenshot-ui-window-selector {
+ background-color: #11111b;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+ margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+ margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+ transition-duration: 200ms;
+ border-radius: 12px;
+ border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+ transition-duration: 200ms;
+ color: transparent;
+ border-radius: 99px;
+ border-width: 12px;
+ icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+ border-color: #cc553b;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+ border-color: #dc8a78;
+ background-color: rgba(220, 138, 120, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+.screenshot-ui-screen-selector {
+ transition-duration: 200ms;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+ background-color: transparent;
+ border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+ color: #FFFFFF;
+ background-color: #11111b;
+ border-radius: 9999px;
+ padding: 6px 12px;
+ text-align: center;
+ -y-offset: 24px;
+}
+
+.window-picker {
+ spacing: 6px;
+}
+
+.window-caption {
+ color: #FFFFFF;
+ background-color: #11111b;
+ border-radius: 9999px;
+ padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+ background-color: #11111b;
+ color: #FFFFFF;
+ border-radius: 21px;
+ padding: 3px;
+ height: 30px;
+ width: 30px;
+ box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+ transition-duration: 300ms;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+ color: #FFFFFF;
+ background-color: #1d1d2e;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+ color: #FFFFFF;
+ background-color: #050508;
+}
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: #11111b;
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.12);
+ border: none;
+ border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+ background-image: url("assets/dash-placeholder.svg");
+ background-size: contain;
+ width: 18px;
+ height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+ border: 3px solid #dc8a78;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+ -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+ -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+ background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.75);
+ text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+ border-radius: 9999px;
+ margin: 2px;
+ padding: 0.2em 0.6em;
+ font-weight: bold;
+ text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash {
+ border-radius: 0;
+ margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background {
+ border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background {
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash, #dashtodockContainer.right #dash {
+ margin-top: 0;
+ padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background {
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+ padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+ margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+ margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+ background-color: #e6e9ef;
+}
+
+#dashtodockContainer #dash .dash-background {
+ background-color: #e6e9ef;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #dc8a78 !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+ background-color: #dc8a78 !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+#dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #dc8a78;
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+ background-color: #e6e9ef;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+ background-color: rgba(230, 233, 239, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
+ background-color: #e6e9ef;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ transition-duration: 250ms;
+ background-size: contain;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+ border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+ border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+ padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+ width: 1px;
+ height: auto;
+ border-right-width: 1px;
+ margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+ border: 1px solid transparent;
+}
+
+.openweather-provider {
+ padding: 0 16px;
+ font-weight: 500;
+ border: 1px solid transparent;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+ background: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.openweather-current-databox-values {
+ background: none;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.openweather-current-databox-captions {
+ background: none;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+ background: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.openweather-forecast-day, .openweather-forecast-temperature {
+ background: none;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.cosmic-dock #dock {
+ border-radius: 16px !important;
+ border: none !important;
+ margin: 6px !important;
+ background-color: rgba(0, 0, 0, 0.26) !important;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.08) !important;
+}
+
+.cosmic-dock #dock .dash-background {
+ background-color: transparent !important;
+ margin-bottom: 0 !important;
+ padding: 0;
+ box-shadow: none !important;
+}
+
+.cosmic-application-dialog {
+ border-radius: 12px;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.cosmic-application-dialog .overview-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.cosmic-applications-separator {
+ background: rgba(0, 0, 0, 0.12);
+}
+
+.cosmic-folder-edit-button {
+ box-shadow: none;
+ border-radius: 6px;
+ border-width: 0;
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+
+.cosmic-folder-edit-button .cosmic-folder-edit-button:hover {
+ background: rgba(0, 0, 0, 0.12);
+}
+
+.cosmic-applications-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.cosmic-applications-folder-title {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.cosmic-applications-available {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.pop-shell-active-hint {
+ border-style: solid;
+ border-color: #FFD600;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.pop-shell-overlay {
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+.pop-shell-search-element:select {
+ background: rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.pop-shell-tab {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.pop-shell-tab-active {
+ background: #FFD600;
+}
+
+.pop-shell-tab-inactive {
+ background: rgba(255, 214, 0, 0.35);
+}
+
+.pop-shell-tab-urgent {
+ background: #E53935;
+}
+
+#panel.light-panel .panel-button,
+#panel.dark-panel .panel-button,
+#panel.transparent-panel .panel-button {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+#panel.light-panel .panel-button.clock-display .clock,
+#panel.dark-panel .panel-button.clock-display .clock,
+#panel.transparent-panel .panel-button.clock-display .clock {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+#panel.light-panel .panel-button:hover,
+#panel.dark-panel .panel-button:hover,
+#panel.transparent-panel .panel-button:hover {
+ color: rgba(255, 255, 255, 0.7) !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display .clock,
+#panel.dark-panel .panel-button:hover.clock-display .clock,
+#panel.transparent-panel .panel-button:hover.clock-display .clock {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+#panel.light-panel .panel-button:active, #panel.light-panel .panel-button:checked, #panel.light-panel .panel-button:focus,
+#panel.dark-panel .panel-button:active,
+#panel.dark-panel .panel-button:checked,
+#panel.dark-panel .panel-button:focus,
+#panel.transparent-panel .panel-button:active,
+#panel.transparent-panel .panel-button:checked,
+#panel.transparent-panel .panel-button:focus {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock,
+#panel.dark-panel .panel-button:active.clock-display .clock,
+#panel.dark-panel .panel-button:checked.clock-display .clock,
+#panel.dark-panel .panel-button:focus.clock-display .clock,
+#panel.transparent-panel .panel-button:active.clock-display .clock,
+#panel.transparent-panel .panel-button:checked.clock-display .clock,
+#panel.transparent-panel .panel-button:focus.clock-display .clock {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display, #panel.light-panel .panel-button:active.clock-display, #panel.light-panel .panel-button:overview.clock-display, #panel.light-panel .panel-button:focus.clock-display, #panel.light-panel .panel-button:checked.clock-display,
+#panel.dark-panel .panel-button:hover.clock-display,
+#panel.dark-panel .panel-button:active.clock-display,
+#panel.dark-panel .panel-button:overview.clock-display,
+#panel.dark-panel .panel-button:focus.clock-display,
+#panel.dark-panel .panel-button:checked.clock-display,
+#panel.transparent-panel .panel-button:hover.clock-display,
+#panel.transparent-panel .panel-button:active.clock-display,
+#panel.transparent-panel .panel-button:overview.clock-display,
+#panel.transparent-panel .panel-button:focus.clock-display,
+#panel.transparent-panel .panel-button:checked.clock-display {
+ background-color: transparent !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display .clock, #panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:overview.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock,
+#panel.dark-panel .panel-button:hover.clock-display .clock,
+#panel.dark-panel .panel-button:active.clock-display .clock,
+#panel.dark-panel .panel-button:overview.clock-display .clock,
+#panel.dark-panel .panel-button:focus.clock-display .clock,
+#panel.dark-panel .panel-button:checked.clock-display .clock,
+#panel.transparent-panel .panel-button:hover.clock-display .clock,
+#panel.transparent-panel .panel-button:active.clock-display .clock,
+#panel.transparent-panel .panel-button:overview.clock-display .clock,
+#panel.transparent-panel .panel-button:focus.clock-display .clock,
+#panel.transparent-panel .panel-button:checked.clock-display .clock {
+ color: #FFFFFF !important;
+}
+
+.overview-components-transparent .search-entry,
+.overview-components-light .search-entry,
+.overview-components-dark .search-entry {
+ caret-color: #FFFFFF !important;
+}
+
+.overview-components-transparent .search-entry .search-entry-icon,
+.overview-components-light .search-entry .search-entry-icon,
+.overview-components-dark .search-entry .search-entry-icon {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.overview-components-transparent .search-entry StLabel.hint-text,
+.overview-components-light .search-entry StLabel.hint-text,
+.overview-components-dark .search-entry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.overview-components-transparent .search-section-content,
+.overview-components-light .search-section-content,
+.overview-components-dark .search-section-content {
+ border-radius: 16px;
+}
+
+.overview-components-transparent .search-section-separator,
+.overview-components-light .search-section-separator,
+.overview-components-dark .search-section-separator {
+ height: 0 !important;
+ background-color: transparent !important;
+}
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/no-events.svg b/src/themes/Catppuccin-Latte/gnome-shell/no-events.svg
new file mode 100644
index 00000000..61dde6aa
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/no-events.svg
@@ -0,0 +1,82 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/no-notifications.svg b/src/themes/Catppuccin-Latte/gnome-shell/no-notifications.svg
new file mode 100644
index 00000000..8a936cfd
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/no-notifications.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/pad-osd.css b/src/themes/Catppuccin-Latte/gnome-shell/pad-osd.css
new file mode 100644
index 00000000..31c23772
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/pad-osd.css
@@ -0,0 +1,30 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ font-size: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/src/themes/Catppuccin-Latte/gnome-shell/process-working.svg b/src/themes/Catppuccin-Latte/gnome-shell/process-working.svg
new file mode 100644
index 00000000..0f311b0b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gnome-shell/process-working.svg
@@ -0,0 +1,72 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/apps.rc b/src/themes/Catppuccin-Latte/gtk-2.0/apps.rc
new file mode 100644
index 00000000..530e72fd
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-2.0/apps.rc
@@ -0,0 +1,92 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g.
+# custom widgets, programs giving us a chance to alter their UI to fit more with
+# the theme or stuff that is supposed to look different, like panels.
+
+# TODO: This could really look nicer
+style "gimp_spin_scale" {
+ # Spin background
+ bg[NORMAL] = @base_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+ }
+}
+
+style "chrome_gtk_frame" {
+ ChromeGtkFrame::frame-color = @titlebar_bg_color
+ ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::frame-gradient-size = 0
+}
+
+# Disable spin button assets for GimpSpinScale
+class "GimpSpinScale" style "gimp_spin_scale"
+
+# Chromium lets us define some colours and settings for better integration
+class "ChromeGtkFrame" style "chrome_gtk_frame"
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/border.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/border.png
new file mode 100644
index 00000000..b755468c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/border.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-active.png
new file mode 100644
index 00000000..6a3942cb
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-disabled.png
new file mode 100644
index 00000000..0be273b6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-hover.png
new file mode 100644
index 00000000..de5b6182
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/button.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button.png
new file mode 100644
index 00000000..daeaec77
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/button.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 00000000..67fdc062
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-disabled.png
new file mode 100644
index 00000000..91c7792e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 00000000..29aa2081
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 00000000..b5b2e126
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-checked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 00000000..63de7129
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-disabled.png
new file mode 100644
index 00000000..96c7e6ce
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 00000000..b65f4a8d
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 00000000..2cd316f6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-mixed.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 00000000..bc925276
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-disabled.png
new file mode 100644
index 00000000..9c33195e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 00000000..f7512189
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 00000000..eca0b00a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/checkbox-unchecked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-active.png
new file mode 100644
index 00000000..b0271811
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-disabled.png
new file mode 100644
index 00000000..bec439a2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-hover.png
new file mode 100644
index 00000000..d896386e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry.png
new file mode 100644
index 00000000..943fac58
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-left-entry.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-active.png
new file mode 100644
index 00000000..a32acb3d
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-disabled.png
new file mode 100644
index 00000000..52934069
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-hover.png
new file mode 100644
index 00000000..05548f30
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry.png
new file mode 100644
index 00000000..dd2118a6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/combo-right-entry.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-active.png
new file mode 100644
index 00000000..46056dc1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-background-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-background-disabled.png
new file mode 100644
index 00000000..7f3aa5ee
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-background-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-background.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-background.png
new file mode 100644
index 00000000..72facdb0
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-background.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-disabled.png
new file mode 100644
index 00000000..0be273b6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-hover.png
new file mode 100644
index 00000000..1e7804c7
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry.png
new file mode 100644
index 00000000..daeaec77
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/entry.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-active.png
new file mode 100644
index 00000000..6a3942cb
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-disabled.png
new file mode 100644
index 00000000..34d490f1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-hover.png
new file mode 100644
index 00000000..de5b6182
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button.png
new file mode 100644
index 00000000..34d490f1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/flat-button.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/focus.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/focus.png
new file mode 100644
index 00000000..cf26e66f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/focus.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame-inline.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 00000000..34703f89
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame-inline.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame-notebook.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 00000000..ddb51968
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame-notebook.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame.png
new file mode 100644
index 00000000..bd3e8516
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/frame.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz-active.png
new file mode 100644
index 00000000..982db3de
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz-hover.png
new file mode 100644
index 00000000..af9f1f49
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 00000000..a7263884
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-horz.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert-active.png
new file mode 100644
index 00000000..e44fc648
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert-hover.png
new file mode 100644
index 00000000..d14f0049
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 00000000..567a2814
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/handle-vert.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-checked-disabled.png
new file mode 100644
index 00000000..710872ef
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-checked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-checked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 00000000..1219747e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-checked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
new file mode 100644
index 00000000..f27a46a7
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-mixed-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-mixed.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 00000000..e6489267
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-mixed.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
new file mode 100644
index 00000000..42613d42
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-unchecked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-unchecked.png
new file mode 100644
index 00000000..bf9b29c1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-checkbox-unchecked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-checked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-checked-disabled.png
new file mode 100644
index 00000000..41584313
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-checked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-checked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 00000000..3ff9cbc7
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-checked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-mixed-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-mixed-disabled.png
new file mode 100644
index 00000000..f27a46a7
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-mixed-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-mixed.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 00000000..e6489267
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-mixed.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-unchecked-disabled.png
new file mode 100644
index 00000000..42613d42
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-unchecked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-unchecked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-unchecked.png
new file mode 100644
index 00000000..bf9b29c1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/menu-radio-unchecked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-alt-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-alt-disabled.png
new file mode 100644
index 00000000..db1d3614
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-alt-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-alt.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-alt.png
new file mode 100644
index 00000000..820e026c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-alt.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-disabled.png
new file mode 100644
index 00000000..567f441a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down.png
new file mode 100644
index 00000000..f664be1c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-down.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-alt-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-alt-disabled.png
new file mode 100644
index 00000000..d25e4b63
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-alt-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-alt.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-alt.png
new file mode 100644
index 00000000..6309016a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-alt.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-disabled.png
new file mode 100644
index 00000000..f0f94da2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-semi.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 00000000..efe18079
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left-semi.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left.png
new file mode 100644
index 00000000..ae7f93db
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-left.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-alt-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-alt-disabled.png
new file mode 100644
index 00000000..d11562a4
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-alt-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-alt.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-alt.png
new file mode 100644
index 00000000..3acb33bc
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-alt.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-disabled.png
new file mode 100644
index 00000000..f49afaeb
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-semi.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 00000000..331a3066
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right-semi.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right.png
new file mode 100644
index 00000000..59754753
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-right.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-alt-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-alt-disabled.png
new file mode 100644
index 00000000..361acb33
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-alt-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-alt.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-alt.png
new file mode 100644
index 00000000..dcdf2ec2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-alt.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-disabled.png
new file mode 100644
index 00000000..8a52366f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up.png
new file mode 100644
index 00000000..031ac461
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/pan-up.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/progressbar-progress.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/progressbar-progress.png
new file mode 100644
index 00000000..0198be0e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/progressbar-progress.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/progressbar-trough.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/progressbar-trough.png
new file mode 100644
index 00000000..12dc4d27
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/progressbar-trough.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 00000000..c5ca664f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-disabled.png
new file mode 100644
index 00000000..32a10b8c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 00000000..1158c987
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 00000000..1bdaa268
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-checked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 00000000..63de7129
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-disabled.png
new file mode 100644
index 00000000..96c7e6ce
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 00000000..b65f4a8d
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 00000000..2cd316f6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-mixed.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 00000000..bc925276
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-disabled.png
new file mode 100644
index 00000000..9c33195e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 00000000..f7512189
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 00000000..eca0b00a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/radio-unchecked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 00000000..45482e24
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough-disabled.png
new file mode 100644
index 00000000..e38cec0e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 00000000..85e94865
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-horz-trough.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 00000000..5c853755
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-disabled.png
new file mode 100644
index 00000000..8ca2735c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 00000000..3668fd48
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 00000000..cf119355
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 00000000..31653dde
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough-disabled.png
new file mode 100644
index 00000000..f976e3ac
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 00000000..ef79e783
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scale-vert-trough.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 00000000..060da6db
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
new file mode 100644
index 00000000..9617e3f9
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 00000000..bb6d9b06
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 00000000..45e4bd90
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-trough.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 00000000..0394def8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-horz-trough.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
new file mode 100644
index 00000000..475b1afd
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
new file mode 100644
index 00000000..d27871ed
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
new file mode 100644
index 00000000..4739b684
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
new file mode 100644
index 00000000..dcab8053
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
new file mode 100644
index 00000000..06b93b5c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
new file mode 100644
index 00000000..dcc9e9ff
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
new file mode 100644
index 00000000..96562d1c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
new file mode 100644
index 00000000..378bfa09
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
new file mode 100644
index 00000000..5f5dd82f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
new file mode 100644
index 00000000..4d6a6aa4
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 00000000..122f0d56
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-disabled.png
new file mode 100644
index 00000000..d7715014
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 00000000..d8f4c370
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 00000000..d44a3dd6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-down.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 00000000..7dd53087
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-disabled.png
new file mode 100644
index 00000000..108a1073
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 00000000..6a4d2cd7
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 00000000..b735ea2f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-ltr-up.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 00000000..da4a11b8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-disabled.png
new file mode 100644
index 00000000..a7052083
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 00000000..35364e53
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 00000000..74ba4d67
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-down.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 00000000..e2a3aba0
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-disabled.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-disabled.png
new file mode 100644
index 00000000..95f42b7c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 00000000..5d839967
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 00000000..08c266ae
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/spin-rtl-up.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/tab.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/tab.png
new file mode 100644
index 00000000..bf652657
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/tab.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button-active.png
new file mode 100644
index 00000000..365523e0
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button-hover.png
new file mode 100644
index 00000000..e43317ce
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button.png
new file mode 100644
index 00000000..862ac323
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-ltr-button.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button-active.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button-active.png
new file mode 100644
index 00000000..3dc0f5a2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button-active.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button-hover.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button-hover.png
new file mode 100644
index 00000000..f6dce3b4
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button-hover.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button.png b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button.png
new file mode 100644
index 00000000..04b779bf
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-2.0/assets/treeview-rtl-button.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/gtkrc b/src/themes/Catppuccin-Latte/gtk-2.0/gtkrc
new file mode 100644
index 00000000..db164f38
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-2.0/gtkrc
@@ -0,0 +1,36 @@
+# Based on Bridge by ScionicSpectre and Adwaita by GNOME
+# vim:set ts=2 sw=2 sts=2 ai et:
+#
+# This is the GTK 2 version of Materia. It's whole purpose is to look as the
+# GTK 3 version as much as possible until GTK 2 dies completely.
+#
+# Note: comments for explaining styles are on the bottom of each file beside the
+# widget matches.
+
+# Declare the colours used throughout the theme.
+# There shouldn't be any fiddling with them in the theme files themselves in
+# order to not mess up the dark theme.
+
+# Text/base
+gtk-color-scheme = "text_color:#1e1e2e\nbase_color:#eff1f5"
+# Foreground/background
+gtk-color-scheme = "fg_color:#1e1e2e\nbg_color:#eff1f5"
+# Selected foreground/background
+gtk-color-scheme = "selected_fg_color:#eff1f5\nselected_bg_color:#dc8a78"
+# Titlebar foreground/background
+gtk-color-scheme = "titlebar_fg_color:#1e1e2e\ntitlebar_bg_color:#dce0e8"
+# Menus
+gtk-color-scheme = "menu_color:#eff1f5"
+# Tooltips foreground/background
+gtk-color-scheme = "tooltip_fg_color:#eff1f5\ntooltip_bg_color:#11111b"
+# Links
+gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0"
+
+# Set GTK settings
+gtk-auto-mnemonics = 1
+gtk-primary-button-warps-slider = 1
+
+# And hand over the control to the theme files
+include "main.rc"
+include "apps.rc"
+include "hacks.rc"
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/hacks.rc b/src/themes/Catppuccin-Latte/gtk-2.0/hacks.rc
new file mode 100644
index 00000000..c288da35
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-2.0/hacks.rc
@@ -0,0 +1,36 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file contains horrible hacks to make this theme work with some programs
+# This is mostly due to the limitations of GTK 2 but sometimes its the fault of
+# the programs themselves. Not going to point fingers.
+#
+# Either way, it's a WONTFIX for both, hence this horrible file.
+
+style "toplevel_hack" {
+ engine "adwaita" {}
+}
+
+style "chrome_entry" {
+ base[NORMAL] = @base_color
+ base[INSENSITIVE] = @base_color
+}
+
+style "vim_notebook" {
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+}
+
+# Vim puts an eventbox between the tab and the label and colours it,
+# we need to handle that
+widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook"
+
+# (he)xchat input box
+class "SexySpellEntry" style:highest "normal_entry"
+
+# Chromium uses base as the fill colour of its own entries
+# This would be fine but GTK uses it to fill the surrounding space, so its set to bg
+# That results in Chromium using it for the fill, so we need to handle that
+widget_class "*Chrom*" style "chrome_entry"
+
+# Hack to be able to match widgets in LibreOffice
+class "GtkWindow" style "toplevel_hack"
diff --git a/src/themes/Catppuccin-Latte/gtk-2.0/main.rc b/src/themes/Catppuccin-Latte/gtk-2.0/main.rc
new file mode 100644
index 00000000..8349b0e8
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-2.0/main.rc
@@ -0,0 +1,2708 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK 2 and 3 theme.
+
+style "default" {
+ xthickness = 1
+ ythickness = 1
+
+ ####################
+ # Style Properties #
+ ####################
+
+ GtkWidget::focus-padding = 0
+ GtkWidget::focus-line-width = 2
+ GtkWidget::focus-line-pattern = "\2\1"
+
+ GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins)
+ GtkToolbar::internal-padding = 2
+ GtkToolButton::icon-spacing = 4
+
+ GtkWidget::tooltip-radius = 4
+ GtkWidget::tooltip-alpha = 230
+ GtkWidget::new-tooltip-style = 1 #for compatibility
+
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @visited_link_color
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkHTML::vlink-color = @visited_link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+ GtkSeparatorMenuItem::wide-separators = 1
+ GtkSeparatorMenuItem::separator-height = 3
+
+ GtkButton::child-displacement-y = 0
+
+ GtkButton::default-border = {0, 0, 0, 0}
+ GtkButton::default-outside-border = {0, 0, 0, 0}
+ GtkButton::inner-border = {0, 0, 0, 0}
+
+ GtkEntry::state-hint = 1
+ GtkEntry::inner-border = {0, 0, 0, 0}
+
+ GtkPaned::handle-size = 8
+ GtkHPaned::handle-size = 8
+ GtkVPaned::handle-size = 8
+
+ GtkScrollbar::trough-border = 0
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 17
+ GtkRange::stepper-size = 0
+ GtkRange::activate-slider = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::stepper-size = 0
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins)
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkScale::slider_length = 24
+ GtkScale::slider_width = 24
+ GtkScale::trough-side-details = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 4
+ GtkProgressBar::min-vertical-bar-width = 4
+ GtkProgressBar::xspacing = 4
+ GtkProgressBar::yspacing = 4
+
+ GtkStatusbar::shadow_type = GTK_SHADOW_NONE
+ GtkSpinButton::shadow_type = GTK_SHADOW_NONE
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE
+ # TODO: find out what this comment means:
+ # ( every window is misaligned for the sake of menus ):
+ GtkMenuBar::internal-padding = 0
+ GtkMenu::horizontal-padding = 0
+ GtkMenu::vertical-padding = 4
+ GtkMenu::double-arrows = 0
+ GtkMenuItem::arrow-scaling = 1
+ GtkMenuItem::toggle-spacing = 12
+
+ GtkCheckButton::indicator-size = 24
+ GtkCheckButton::indicator_spacing = 2
+ GtkOptionMenu::indicator_spacing = {8, 8, 4, 4}
+
+ GtkTreeView::expander-size = 16
+ GtkTreeView::vertical-separator = 0
+ GtkTreeView::horizontal-separator = 4
+ GtkTreeView::allow-rules = 0
+ # Set this because some apps read it
+ GtkTreeView::odd-row-color = @base_color
+ GtkTreeView::even-row-color = @base_color
+
+ GtkExpander::expander-size = 16
+
+ GtkNotebook::tab-overlap = 0
+
+ ##########
+ # Colors #
+ ##########
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+ bg[ACTIVE] = @bg_color
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color)
+ fg[ACTIVE] = @fg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @text_color
+ text[INSENSITIVE] = mix (0.5, @text_color, @base_color)
+ text[ACTIVE] = @text_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = mix (0.08, @text_color, @base_color)
+ base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
+ base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
+
+ # For succinctness, all reasonable pixmap options remain here
+
+ # Draw frame around menu in a non-compositied environment
+ # This needs to go before pixmap because we need to override some stuff
+ engine "adwaita" {}
+
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/radio-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ ##########
+ # Arrows #
+ ##########
+
+ # Overrides
+
+ # Disable arrows in spinbuttons
+ image {
+ function = ARROW
+ detail = "spinbutton"
+ }
+
+ # Disable arrows for qt in scrollbars
+
+ image {
+ function = ARROW
+ detail = "vscrollbar"
+ }
+
+ image {
+ function = ARROW
+ detail = "hscrollbar"
+ }
+
+ # Menu arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/pan-left-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/pan-right-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/pan-up-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/pan-down-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ # Regular arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-left-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-left-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-right-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-right-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ ######################
+ # Option Menu Arrows #
+ ######################
+
+ image {
+ function = TAB
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #########
+ # Lines #
+ #########
+
+ image {
+ function = VLINE
+ file = "assets/border.png"
+ border = {1, 0, 0, 0}
+ }
+
+ image {
+ function = HLINE
+ file = "assets/border.png"
+ border = {0, 0, 1, 0}
+ }
+
+ #########
+ # Focus #
+ #########
+
+ image {
+ function = FOCUS
+ file = "assets/focus.png"
+ border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly...
+ stretch = TRUE
+ }
+
+ ###########
+ # Handles #
+ ###########
+
+ image {
+ function = HANDLE
+ detail = "handlebox"
+ overlay_file = "assets/handle-vert.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = HANDLE
+ state = NORMAL
+ overlay_file = "assets/handle-horz.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = PRELIGHT
+ overlay_file = "assets/handle-horz-hover.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = ACTIVE
+ overlay_file = "assets/handle-horz-active.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = NORMAL
+ overlay_file = "assets/handle-vert.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = HANDLE
+ state = PRELIGHT
+ overlay_file = "assets/handle-vert-hover.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = HANDLE
+ state = ACTIVE
+ overlay_file = "assets/handle-vert-active.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = RESIZE_GRIP
+ }
+
+ #############
+ # Expanders #
+ #############
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = NORMAL
+ file = "assets/pan-down-alt.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = PRELIGHT
+ file = "assets/pan-down.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = ACTIVE
+ file = "assets/pan-down.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = INSENSITIVE
+ file = "assets/pan-down-alt-disabled.png"
+ }
+
+ # LTR
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = NORMAL
+ file = "assets/pan-right-alt.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = PRELIGHT
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = ACTIVE
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = INSENSITIVE
+ file = "assets/pan-right-alt-disabled.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ # RTL
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = NORMAL
+ file = "assets/pan-left-alt.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = PRELIGHT
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = ACTIVE
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = INSENSITIVE
+ file = "assets/pan-left-alt-disabled.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ #############
+ # Notebooks #
+ #############
+
+ # Left
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 1, 0, 0}
+ stretch = TRUE
+ gap_side = RIGHT
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = RIGHT
+ }
+
+ # Right
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {1, 0, 0, 0}
+ stretch = TRUE
+ gap_side = LEFT
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = LEFT
+ }
+
+ # Up
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 0, 0, 1}
+ stretch = TRUE
+ gap_side = BOTTOM
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = BOTTOM
+ }
+
+ # Down
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 0, 1, 0}
+ stretch = TRUE
+ gap_side = TOP
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = TOP
+ }
+
+ # Inner frame
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {1, 0, 0, 0}
+ gap_side = LEFT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 1, 0, 0}
+ gap_side = RIGHT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 0, 1, 0}
+ gap_side = TOP
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 0, 0, 1}
+ gap_side = BOTTOM
+ }
+
+ # Standalone frame
+ image {
+ function = BOX
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-horz-trough.png"
+ border = {0, 0, 1, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-ltr-trough.png"
+ border = {1, 0, 0, 0}
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-rtl-trough.png"
+ border = {0, 1, 0, 0}
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ # Horizontal sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-hover.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-active.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-disabled.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ # Vertical sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-hover.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-active.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-disabled.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ # RTL
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-hover.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-active.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-disabled.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ ##########
+ # Scales #
+ ##########
+
+ # Troughs, overrided later on. We set them here too because some widgets
+ # don't specify their orientation.
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough-disabled.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-disabled.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough-disabled.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-disabled.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ # Sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "hscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "hscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "hscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "hscale"
+ file = "assets/scale-slider-disabled.png"
+ }
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "vscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "vscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "vscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "vscale"
+ file = "assets/scale-slider-disabled.png"
+ }
+
+ ###########
+ # Menubar #
+ ###########
+
+ image {
+ function = BOX
+ detail = "menubar"
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+
+ #########
+ # Menus #
+ #########
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_up"
+ file = "assets/border.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_up"
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_down"
+ file = "assets/border.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_down"
+ file = "assets/border.png"
+ border = {0, 0, 1, 0}
+ }
+
+ ###########
+ # Entries #
+ ###########
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = FLAT_BOX
+ state = ACTIVE
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ state = INSENSITIVE
+ detail = "entry_bg"
+ file = "assets/entry-background-disabled.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ #########
+ # Spins #
+ #########
+
+ # Spin-Up LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-hover.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-active.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-disabled.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Up RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-disabled.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ # Spin-Down LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-hover.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-active.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-disabled.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Down RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-hover.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-active.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-disabled.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-progress.png"
+ stretch = TRUE
+ border = {0, 0, 0, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-progress.png"
+ stretch = TRUE
+ border = {0, 0, 0, 0}
+ orientation = VERTICAL
+ }
+
+ #############
+ # Treeviews #
+ #############
+
+ # Disable active the column highlight
+ # We need to match specific cells or we break stuff
+ # Looking at you deadbeef
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_even_sorted"
+ state = NORMAL
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_odd_sorted"
+ state = NORMAL
+ }
+
+ # Disable all the other shadows
+ # This prevents the Raleigh effect
+ image {
+ function = SHADOW
+ }
+ }
+}
+
+style "menubar" {
+ bg[NORMAL] = @titlebar_bg_color
+ fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+ fg[PRELIGHT] = @titlebar_fg_color
+ fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+ bg[INSENSITIVE] = @bg_color
+ # Needed to fix Firefox's menubar text
+ bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+ fg[SELECTED] = @titlebar_fg_color
+}
+
+style "menubar_item" {
+ xthickness = 3
+ ythickness = 4
+
+ fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+ bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+ fg[PRELIGHT] = @titlebar_fg_color
+ fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+}
+
+style "menu" {
+ xthickness = 0
+ ythickness = 0
+
+ bg[NORMAL] = @menu_color
+ bg[INSENSITIVE] = @menu_color
+ bg[PRELIGHT] = @menu_color
+ bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
+}
+
+style "menu_item" {
+ xthickness = 4
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color)
+ fg[PRELIGHT] = @fg_color
+ # Chromium uses this setting
+ bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
+ text[SELECTED] = @fg_color
+ # Some widgets use text, we need to handle that
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+
+ # Unfortunately we can't tell regular and menu checks/radios apart
+ # Without the heirarchy
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+ }
+}
+
+style "separator_menu_item" {
+ xthickness = 0
+ ythickness = 2
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+ }
+}
+
+style "button_label" {
+ # fg[NORMAL] = mix(0.7, @fg_color, @bg_color)
+ # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+ font_name = "Medium"
+}
+
+style "normal_button_label" {
+ # fg[NORMAL] = @fg_color
+ # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color)
+
+ font_name = "Regular"
+}
+
+style "button" {
+ xthickness = 6
+ ythickness = 6
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ # Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/button.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/button-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "link_button" {
+ # Disable the button effect, leave just the link
+ engine "pixmap" {
+ image {
+ function = BOX
+ }
+ }
+}
+
+style "entry" {
+ base[NORMAL] = @bg_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ base[INSENSITIVE] = @bg_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
+
+ # We set this same as the border of the border of the entry
+ # This way there's no overlap
+ xthickness = 6
+ ythickness = 6
+}
+
+style "combobox" {
+ xthickness = 6
+ ythickness = 6
+
+ # This affects only the button beside an entry
+ GtkButton::inner-border = {0, 0, 0, 0}
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ # Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/entry-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "combobox_cellview" {
+ # text[NORMAL] = mix(0.7, @fg_color, @bg_color)
+ # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+}
+
+style "combobox_entry" {
+ # Since one side of the button is missing, we need to shift the arrow a little to the right
+ GtkButton::inner-border = {0, 2, 0, 0}
+
+ base[NORMAL] = @base_color
+ base[ACTIVE] = @base_color
+
+ engine "pixmap" {
+
+ #############
+ # LTR entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-left-entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-left-entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-left-entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ #############
+ # RTL entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-right-entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-right-entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-right-entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ ##############
+ # LTR button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-right-entry.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-right-entry-hover.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-right-entry-active.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-right-entry-disabled.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ ##############
+ # RTL button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-left-entry.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-left-entry-hover.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-left-entry-active.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-left-entry-disabled.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+ }
+}
+
+style "combo_button_padding" {
+ # Since one side of the button is missing, we need to shift the arrow a
+ # little to the right.
+ # This is the same thing we've done above but the combo, unlike the combobox,
+ # uses padding the same way as a button.
+ GtkButton::inner-border = {3, 6, 3, 3}
+}
+
+style "notebook" {
+ xthickness = 3
+ ythickness = 3
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_tab_label" {
+ fg[ACTIVE] = mix(0.7, @fg_color, @bg_color)
+
+ font_name = "Medium"
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+ bg[NORMAL] = @base_color
+ bg[PRELIGHT] = @base_color
+ bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+ base[NORMAL] = @base_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
+ base[INSENSITIVE] = @base_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
+}
+
+style "normal_bg" {
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[INSENSITIVE] = @bg_color
+}
+
+style "normal_entry" {
+ base[NORMAL] = @bg_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ base[INSENSITIVE] = @bg_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
+}
+
+style "textview" {
+ bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ }
+ }
+}
+
+style "scale_vert" {
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "progressbar" {
+ xthickness = 0
+ ythickness = 0
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-trough.png"
+ border = {0, 0, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-trough.png"
+ border = {0, 0, 0, 0}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+ }
+}
+
+style "treeview_header" {
+ xthickness = 2
+ ythickness = 2
+
+ fg[NORMAL] = mix(0.7, @fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+
+ font_name = "Medium"
+
+ GtkButton::inner-border = {4, 4, 0, 2}
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/treeview-ltr-button.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/treeview-ltr-button-hover.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/treeview-ltr-button-active.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/treeview-rtl-button.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/treeview-rtl-button-hover.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/treeview-rtl-button-active.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+ }
+}
+
+style "scrolled_window" {
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+ }
+}
+
+style "frame" {
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ shadow = NONE
+ }
+
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW_GAP
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_start_file = "assets/border.png"
+ gap_end_file = "assets/border.png"
+ }
+ }
+}
+
+style "tool_button" {
+ GtkButton::inner-border = {2, 2, 2, 2}
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/flat-button.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/flat-button-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/flat-button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/flat-button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ shadow = OUT
+ file = "assets/flat-button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ shadow = IN
+ file = "assets/button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "toolbar_separator" {
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 1
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/border.png"
+ }
+ }
+}
+
+style "inline_toolbar" {
+ # GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+ bg[NORMAL] = @base_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/frame-inline.png"
+ border = {1, 1, 0, 1}
+ stretch = TRUE
+ }
+ }
+}
+
+style "tooltip" {
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+ bg[SELECTED] = @tooltip_bg_color
+}
+
+style "disable_text_shadow" {
+ engine "murrine" {
+ textstyle = 0
+ }
+}
+
+style "disable_separator" {
+ xthickness = 0
+ ythickness = 0
+
+ GtkWidget::wide-separators = 1
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+######################################
+# Override padding, style and colour #
+######################################
+
+class "GtkButton" style "button"
+class "GtkLinkButton" style "link_button"
+class "GtkEntry" style "entry"
+class "GtkOldEditable" style "entry"
+class "GtkNotebook" style "notebook"
+class "GtkHScale" style "scale_horz"
+class "GtkVScale" style "scale_vert"
+class "GtkProgressBar" style "progressbar"
+class "GtkScrolledWindow" style "scrolled_window"
+class "GtkFrame" style "frame"
+class "GtkSeparatorToolItem" style "toolbar_separator"
+class "GtkMenuBar" style "menubar"
+class "GtkMenu" style "menu"
+class "GtkTextView" style "textview"
+
+# Menu and menubar items
+widget_class "**" style "menu_item"
+widget_class "*.*" style "menubar_item"
+widget_class "**" style "separator_menu_item"
+
+# Treeview buttons
+widget_class "***" style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "**" style "inline_toolbar"
+
+# Fix padding on regular comboboxes
+widget_class "*." style "combobox"
+widget_class "*" style "combobox"
+
+# And disable separators on them
+widget_class "*.*" style "disable_separator"
+widget_class "**" style "disable_separator"
+widget_class "**" style "disable_separator"
+
+# Join together the ComboBoxEntry entry and button
+widget_class "**" style "combobox_entry"
+
+# Join the Combo entry and button
+widget_class "**" style "combobox_entry"
+
+# Tweak the padding on the button a little bit because it
+# uses it a bit differently
+widget_class "*." style "combo_button_padding"
+
+# Alas we cannot do the same for ComboBoxText because there
+# isn't a way to apply the style to only the comboboxes that
+# have an entry inside
+
+# Tool buttons have different styles
+widget_class "**" style "tool_button"
+widget_class "**.*" style "tool_button"
+
+# Notebooks
+widget_class "*." style "notebook_tab_label"
+widget_class "*.." style "notebook_tab_label"
+
+# Notebooks are white, act accordingly
+widget_class "**" style "notebook_entry"
+widget_class "**" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "***" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "*.*" style "notebook_bg"
+
+# However, stuff inside eventboxes inside notebooks is grey
+# again, react
+widget_class "***" style "normal_entry"
+widget_class "***" style "normal_bg"
+widget_class "***" style "normal_bg"
+
+# Button labels
+widget_class "*." style "button_label"
+
+# Normalize button labels
+widget_class "*." style "normal_button_label"
+widget_class "*." style "normal_button_label"
+
+# ComboBoxes tend to draw the button label with text[]
+# instead of fg[], we need to fix that
+widget_class "**" style "combobox_cellview"
+
+# Disable white text shadows
+widget_class "*" style "disable_text_shadow"
+widget_class "*" style "disable_text_shadow"
+
+# GTK tooltips
+widget "gtk-tooltip*" style "tooltip"
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..7b89e885
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..17e3c4af
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/close-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/close-symbolic.svg
new file mode 100644
index 00000000..06201c39
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/close-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/close-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/close-symbolic@2.svg
new file mode 100644
index 00000000..a26e6ff1
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/close-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 00000000..e2a252b5
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/maximize-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/maximize-symbolic.svg
new file mode 100644
index 00000000..39316eba
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/maximize-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/maximize-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/maximize-symbolic@2.svg
new file mode 100644
index 00000000..8095f759
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/maximize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/minimize-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/minimize-symbolic.svg
new file mode 100644
index 00000000..f3683b9d
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/minimize-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/minimize-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/minimize-symbolic@2.svg
new file mode 100644
index 00000000..741534bb
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/minimize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 00000000..67beb46b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..bf51d9ec
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..de0d7899
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..7f0235f1
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 00000000..4b00bc19
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..37d9c04b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
@@ -0,0 +1,52 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..1bc5cb6f
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..4759e324
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..a44f5c9f
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 00000000..f2c9cf9f
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..a06db4cd
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/unmaximize-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/unmaximize-symbolic.svg
new file mode 100644
index 00000000..492d47a2
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/unmaximize-symbolic.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg
new file mode 100644
index 00000000..85f4f3a8
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 00000000..b2b92efc
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..0e39be3e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..391164d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0e141b4a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 00000000..8ec0d53f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..532ac30d
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 00000000..cb00cb8c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 00000000..54f5b087
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 00000000..015821da
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..cf7c20fa
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..735e3e8a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..35b0aec4
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 00000000..04785e35
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..936a8c4e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 00000000..1fe24852
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 00000000..a96a0a74
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 00000000..d3debe8a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..6caf95ea
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..45329137
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..d6042e6b
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 00000000..70eed023
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..885d1567
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 00000000..a3cc4c04
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 00000000..957eba31
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 00000000..2f21b000
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..1d228e75
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..eb5123d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..e6c06987
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 00000000..7e3487d1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..ab5af6f0
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 00000000..8578df74
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 00000000..e2f8b24a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 00000000..c93dabff
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 00000000..d796ce85
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 00000000..0546a5e2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 00000000..92dde69e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 00000000..f6b914e5
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 00000000..29ecf2b8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 00000000..40ff92e0
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 00000000..8e87ea7e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/gtk-dark.css b/src/themes/Catppuccin-Latte/gtk-3.0/gtk-dark.css
new file mode 100644
index 00000000..ce6265af
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/gtk-dark.css
@@ -0,0 +1,8075 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #dc8a78 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #dc8a78 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #F44336;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 6;
+ -GtkDialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #dc8a78;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, .csd treeview.view:selected, modelbutton.flat:selected,
+.menuitem.button.flat:selected, .background.csd .view:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
+ color: #dc8a78;
+ background-color: rgba(220, 138, 120, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
+entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #14141f;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #0a0a0f;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #1e1e2e;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #1e1e2e;
+}
+
+textview border {
+ background-color: #11111b;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view treeview.view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox treeview.view .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view .content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
+ border: 1px solid #dc8a78;
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 3px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+flowbox flowboxchild button.osd.remove-button {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ margin: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(11, 11, 18, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+/*********************
+ * 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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical, spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image, spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical, spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #F44336;
+}
+
+spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FBC02D;
+}
+
+spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress, spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #dc8a78;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #1e1e2e;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#dc8a78), to(transparent));
+ }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#dc8a78), to(transparent));
+ }
+}
+
+.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked {
+ color: #FFFFFF;
+}
+
+.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(220, 138, 120, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus,
+.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+button.osd:focus {
+ box-shadow: none;
+}
+
+button.osd:hover {
+ background-color: #35353d;
+ color: #FFFFFF;
+}
+
+button.osd:active {
+ background-color: #4d4d54;
+ color: #FFFFFF;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.osd.image-button, button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+ padding: 0;
+}
+
+button.suggested-action {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(220, 138, 120, 0.2), 0 4px 3px 0 rgba(220, 138, 120, 0.14), 0 1px 6px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(165, 104, 90, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(220, 138, 120, 0.3), 0 2px 3px -1px rgba(220, 138, 120, 0.24), 0 2px 5px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(220, 138, 120, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #dc8a78;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+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 {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #3c84f7;
+}
+
+*:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+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 decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+ padding: 6px 10px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px 3px;
+ background-color: #1e1e2e;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px 1px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #11111b;
+}
+
+.frame .inline-toolbar {
+ border-width: 1px 0 0;
+ background-color: transparent;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #11111b;
+ color: #FFFFFF;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.csd .titlebar:backdrop {
+ background-color: #1e1e2e;
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+ background-color: #11111b;
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+ background-color: #1e1e2e;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+ background-color: #dc8a78;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+ background-color: #dc8a78;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: #e29f90;
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 6px 12px;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #11111b;
+}
+
+.titlebar.default-decoration:backdrop {
+ background-color: #1e1e2e;
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+ padding: 6px;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+box.vertical headerbar {
+ background-color: #11111b;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 0;
+ margin: 0;
+ min-width: 120px;
+ padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 3px;
+ margin-left: 1px;
+ margin-right: 1px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(255, 255, 255, 0.3);
+ border-top-color: rgba(255, 255, 255, 0.12);
+}
+
+* {
+ -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;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected {
+ background-image: image(alpha(currentColor, 0.1));
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+.csd treeview.view:selected {
+ background-image: none;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+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-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+ color: #FFFFFF;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #dc8a78;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+ box-shadow: none;
+ background-color: #e19c8c;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+ background-color: #1e1e2e;
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ color: #dc8a78;
+}
+
+treeview.view acceleditor > label {
+ background-color: #dc8a78;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #11111b;
+ color: #FFFFFF;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #1e1e2e;
+}
+
+.csd menubar, .csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: none;
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+menubar > menuitem > window.background.csd.popup > decoration,
+menubar > menuitem > window.background.csd.popup > menu,
+.menubar > menuitem > window.background.csd.popup > decoration,
+.menubar > menuitem > window.background.csd.popup > menu {
+ border-radius: 0 0 12px 12px;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+ transition: none;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #313244;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #393947;
+}
+
+.csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #FFFFFF;
+ font: initial;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active,
+.menu menuitem:active,
+.context-menu menuitem:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+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: 8px;
+}
+
+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: 8px;
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #464757;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #313244;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -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-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #FFFFFF;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #313244;
+ border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+ background-color: transparent;
+ padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #313244;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 3px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+notebook {
+ background-color: #1e1e2e;
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook.frame {
+ border-radius: 12px;
+}
+
+notebook.frame scrolledwindow.frame {
+ border: none;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(30, 30, 46, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(30, 30, 46, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(49, 50, 68, 0.9);
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+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");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #dc8a78;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+ color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.15);
+ background-color: #e7ada1;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.2);
+ background-color: #dc8a78;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.38);
+ background-color: rgba(220, 138, 120, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#dc8a78);
+}
+
+scale highlight:disabled {
+ background-color: #1e1e2e;
+ background-image: image(rgba(255, 255, 255, 0.32));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #dc8a78;
+ background-color: #1e1e2e;
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #dc8a78, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #dc8a78, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32);
+}
+
+scale marks,
+scale value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #dc8a78;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #dc8a78;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #dc8a78;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.frame.view {
+ border-radius: 6px;
+}
+
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+ background: none;
+ min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, .tweak-group-startup row, list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), .tweak-group-startup row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, .tweak-group-startup row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, .tweak-group-startup row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, .tweak-group-startup row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, .tweak-group-startup row:focus, list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05);
+}
+
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+list.navigation-sidebar > row {
+ border-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+ background-color: alpha(currentColor, 0.06);
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #dc8a78;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+ color: #FFFFFF;
+}
+
+expander title > arrow:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 1px;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 7px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+calendar.highlight {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #313244;
+}
+
+messagedialog.background.csd {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: none;
+ background-color: #313244;
+ color: #FFFFFF;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #313244;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+ color: #dc8a78;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+.csd filechooser {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ 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 rgba(255, 255, 255, 0.12);
+ 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.sidebar list {
+ padding: 3px;
+ background-color: #1e1e2e;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #dc8a78;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #dc8a78;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(255, 255, 255, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #1e1e2e;
+ background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12));
+ 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;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #1e1e2e;
+}
+
+infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #dc8a78;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #d77864;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(11, 11, 18, 0.9);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #dc8a78;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #1e1e2e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+ margin: 8px;
+}
+
+.background.csd decoration {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-clip: border-box;
+ background-color: #1e1e2e;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+ border: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+ border-radius: 6px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+ background-clip: border-box;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #11111b;
+ border: 1px solid #393947;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #1e1e2e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #df8e1d;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #e7aa56;
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #40a02b;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #70b860;
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #d20f39;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #dd4b6b;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+ background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+ color: transparent;
+ animation: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/minimize-symbolic.svg"), url("assets/scalable/minimize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/maximize-symbolic.svg"), url("assets/scalable/maximize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/close-symbolic.svg"), url("assets/scalable/close-symbolic@2.svg"));
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-image: -gtk-scaled(url("assets/scalable/unmaximize-symbolic.svg"), url("assets/scalable/unmaximize-symbolic@2.svg"));
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #dc8a78;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #313244;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #dc8a78;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #dc8a78;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+ border-radius: 0 0 12px 12px;
+ background-color: #11111b;
+}
+
+.nautilus-window.background.csd:backdrop {
+ background-color: #1e1e2e;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+ border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+ background-color: transparent;
+ border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+ min-width: 12px;
+ box-shadow: 12px 0 #1e1e2e;
+ background-color: #1e1e2e;
+ background-image: image(#2e2e36);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border: none;
+ border-radius: 6px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #FFFFFF;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+ color: #FFFFFF;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #dc8a78;
+ color: #dc8a78;
+}
+
+.disk-space-display.free {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #604f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+ border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+ margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #11111b;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #11111b;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 0 6px 10px;
+ padding: 6px;
+ background-color: #313244;
+ border-radius: 0 0 12px 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #313244;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-group-startup {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+ background-color: #1e1e2e;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+ border-radius: 6px;
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #1e1e2e;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+ background-color: transparent;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+ background-color: transparent;
+ padding: 3px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable {
+ border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list {
+ border-top-width: 0;
+ border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+ border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+ border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+ border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+ border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+ border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+ background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+ border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+ margin-right: -6px;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #1e1e2e;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+ background-image: image(#1e1e2e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #dc8a78;
+ background-color: #1e1e2e;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #1e1e2e;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #11111b;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #dc8a78 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #dc8a78;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+dockoverlayedge {
+ background-color: #1e1e2e;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #dc8a78;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #dc8a78;
+}
+
+pillbox {
+ background-color: #1e1e2e;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #1e1e2e;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #1e1e2e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(220, 138, 120, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #dc8a78;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #dc8a78;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #FFFFFF;
+}
+
+button.photos-filter-preview:checked image {
+ color: #FFFFFF;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#11111b);
+}
+
+.side-panel .view:hover {
+ background-image: image(#24242d);
+}
+
+.side-panel .view:selected {
+ background-image: image(#dc8a78);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(206, 129, 112, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+ border: none;
+}
+
+window.background.csd > stack > box > revealer > actionbar > revealer > box {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #1e1e2e;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: #1e1e2e;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #1e1e2e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+ border-width: 0;
+ border-radius: 0 0 12px 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.terminal-window {
+ background-color: #1e1e2e;
+}
+
+.terminal-window tabbar tabbox {
+ background-color: #11111b;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#11111b);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+ color: #FFFFFF;
+ background-color: #1e1e2e;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+ background-color: #11111b;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+ border-radius: 6px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-width: 0;
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #1e1e2e;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified {
+ background-color: #1e1e2e;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#313244);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #1e1e2e;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/*********
+ * Meld *
+ ********/
+.meld-notebook, .meld-notebook > stack {
+ background: none;
+ border-radius: 0 0 12px 12px;
+}
+
+.meld-notebook-child {
+ background-color: #11111b;
+ border-radius: 0 0 12px 12px;
+}
+
+statusbar.meld-status-bar {
+ background: none;
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #313244;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #393947;
+}
+
+window.background.chromium > button {
+ color: #dc8a78;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #dc8a78;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ background-color: #1e1e2e;
+}
+
+window.background.chromium menu {
+ border-color: #3e3e5f;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #0b0b12;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget decoration {
+ border: none;
+}
+
+#MozillaGtkWidget > widget text {
+ background-color: #313244;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #393947;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #393947;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #393947;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #dc8a78;
+ box-shadow: inset 0 0 0 1px #dc8a78;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #11111b;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+ color: #464646;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+ color: #727272;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(70, 70, 70, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #393947;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #393947;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+ background-color: #1e1e2e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+ border: none;
+ border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+ border-radius: 6px;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: #dc8a78;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: #dc8a78;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: #11111b;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #dc8a78;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #dc8a78;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #313244;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #dc8a78;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #1e1e2e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ color: #FFFFFF;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #dc8a78;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(11, 11, 18, 0.9);
+ color: #FFFFFF;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #dc8a78;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ background: none;
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+.budgie-popover .container, .budgie-popover list, .budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover treeview.view.sidebar {
+ border-right: none;
+ background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+ background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+ background-color: rgba(255, 255, 255, 0.04);
+ padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+ border-radius: 0;
+}
+
+.budgie-popover.user-menu .container {
+ padding: 6px;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+ margin-bottom: 0;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.caffeine-popover frame > .container {
+ padding: 6px;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #11111b;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: rgba(17, 17, 27, 0.75);
+}
+
+.budgie-panel button {
+ color: rgba(255, 255, 255, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #FFFFFF;
+}
+
+.budgie-panel button:active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ box-shadow: none;
+ border: none;
+ color: #FFFFFF;
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #F44336;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+ color: #FFFFFF;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #FFFFFF;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #313244;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+ border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+ padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+ margin-left: -6px;
+ margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+ padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+ padding: 6px;
+ background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+ border: none;
+ padding: 6px;
+ padding-left: 12px;
+ margin: 3px;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ background-color: #313244;
+ border: none;
+ padding: 0;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog > decoration {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog > decoration,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog > decoration {
+ border: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #F44336;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #FFFFFF;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #1e1e2e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: #11111b;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #dc8a78;
+}
+
+#xfce4-mpc-plugin-26 > frame > border {
+ border: none;
+}
+
+#xfce-panel-button {
+ -gtk-icon-style: symbolic;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+window#whiskermenu-window {
+ border-radius: 12px;
+ background-color: transparent;
+ border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+ background-color: #1e1e2e;
+}
+
+window#whiskermenu-window > frame > border {
+ border-radius: 12px;
+ padding: 6px 8px 6px 9px;
+ margin: 6px;
+ border: none;
+ background-color: #1e1e2e;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+ padding: 3px 6px;
+ margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+ background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+ padding: 3px;
+ background-color: #1e1e2e;
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+ background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+#XfceNotifyWindow {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+ background: none;
+ border: none;
+ box-shadow: none;
+ animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+ color: #FFFFFF;
+ border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #dc8a78;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #11111b;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 2px 3px;
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > box > button.image-button,
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+ border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #11111b;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.nemo-window .toolbar {
+ padding: 0;
+}
+
+.nemo-window .toolbar button {
+ margin: 3px 0;
+ padding: 3px;
+}
+
+.nemo-window .toolbar separator {
+ margin: 6px 0;
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: #62626d;
+ -NemoPlacesTreeView-disk-full-fg-color: #dc8a78;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #1e1e2e;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #1e1e2e;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e1e2e;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #11111b;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1e1e2e;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1e1e2e;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+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 #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #060609;
+@define-color wm_bg #11111b;
+@define-color wm_unfocused_bg #1e1e2e;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #d20f39;
+@define-color wm_button_close_active_bg #990b29;
+@define-color wm_button_max_hover_bg #40a02b;
+@define-color wm_button_max_active_bg #2d701e;
+@define-color wm_button_min_hover_bg #df8e1d;
+@define-color wm_button_min_active_bg #a96c16;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #1e1e2e;
+@define-color placeholder_text_color #bcbcc0;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1e1e2e;
+@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3);
+@define-color budgie_tasklist_indicator_color_active #dc8a78;
+@define-color budgie_tasklist_indicator_color_active_window #7f524d;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/gtk.css b/src/themes/Catppuccin-Latte/gtk-3.0/gtk.css
new file mode 100644
index 00000000..83379257
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-3.0/gtk.css
@@ -0,0 +1,8066 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #dc8a78 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #dc8a78 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #E53935;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 6;
+ -GtkDialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #dc8a78;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, .csd treeview.view:selected, modelbutton.flat:selected,
+.menuitem.button.flat:selected, .background.csd .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
+ color: #dc8a78;
+ background-color: rgba(220, 138, 120, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
+entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #f2f2f2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gtkstyle-fallback:active {
+ background-color: #e6e6e6;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #FFFFFF;
+}
+
+textview border {
+ background-color: #dce0e8;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view treeview.view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox treeview.view .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view .content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
+ border: 1px solid #dc8a78;
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 3px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+flowbox flowboxchild button.osd.remove-button {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ margin: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+label:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(43, 43, 59, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*********************
+ * 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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical, spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image, spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical, spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #E53935;
+}
+
+spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #FFD600;
+}
+
+spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.vertical progress, spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #dc8a78;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #FFFFFF;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#dc8a78), to(transparent));
+ }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#dc8a78), to(transparent));
+ }
+}
+
+.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked {
+ color: #FFFFFF;
+}
+
+.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(220, 138, 120, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus,
+.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+button.osd:focus {
+ box-shadow: none;
+}
+
+button.osd:hover {
+ background-color: #35353d;
+ color: #FFFFFF;
+}
+
+button.osd:active {
+ background-color: #4d4d54;
+ color: #FFFFFF;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.osd.image-button, button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+ padding: 0;
+}
+
+button.suggested-action {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(220, 138, 120, 0.2), 0 4px 3px 0 rgba(220, 138, 120, 0.14), 0 1px 6px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(165, 104, 90, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(220, 138, 120, 0.3), 0 2px 3px -1px rgba(220, 138, 120, 0.24), 0 2px 5px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(220, 138, 120, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #dc8a78;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+button.destructive-action {
+ background-color: #E53935;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(229, 57, 53, 0.2), 0 4px 3px 0 rgba(229, 57, 53, 0.14), 0 1px 6px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #ed7472;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(229, 57, 53, 0.3), 0 2px 3px -1px rgba(229, 57, 53, 0.24), 0 2px 5px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #E53935;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(229, 57, 53, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+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 {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #3c84f7;
+}
+
+*:visited {
+ color: #AB47BC;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #AB47BC;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+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 decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+ padding: 6px 10px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px 3px;
+ background-color: #FFFFFF;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px 1px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #dce0e8;
+}
+
+.frame .inline-toolbar {
+ border-width: 1px 0 0;
+ background-color: transparent;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.titlebar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.csd .titlebar:backdrop {
+ background-color: #dce0e8;
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+ background-color: #e6e9ef;
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+ background-color: #dce0e8;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+ background-color: #dc8a78;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+ background-color: #dc8a78;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.2);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: #e29f90;
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 6px 12px;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #e6e9ef;
+}
+
+.titlebar.default-decoration:backdrop {
+ background-color: #dce0e8;
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+ padding: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+box.vertical headerbar {
+ background-color: #e6e9ef;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 0;
+ margin: 0;
+ min-width: 120px;
+ padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 3px;
+ margin-left: 1px;
+ margin-right: 1px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(0, 0, 0, 0.26);
+ border-top-color: rgba(0, 0, 0, 0.12);
+}
+
+* {
+ -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;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected {
+ background-image: image(alpha(currentColor, 0.1));
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.csd treeview.view:selected {
+ background-image: none;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+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-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.expander:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #dc8a78;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+ box-shadow: none;
+ background-color: rgba(194, 121, 106, 0.9805);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+ background-color: #FFFFFF;
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ color: #dc8a78;
+}
+
+treeview.view acceleditor > label {
+ background-color: #dc8a78;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: #dce0e8;
+}
+
+.csd menubar, .csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: none;
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+menubar > menuitem > window.background.csd.popup > decoration,
+menubar > menuitem > window.background.csd.popup > menu,
+.menubar > menuitem > window.background.csd.popup > decoration,
+.menubar > menuitem > window.background.csd.popup > menu {
+ border-radius: 0 0 12px 12px;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+ transition: none;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #e0e0e0;
+}
+
+.csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: rgba(0, 0, 0, 0.87);
+ font: initial;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active,
+.menu menuitem:active,
+.context-menu menuitem:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+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: 8px;
+}
+
+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: 8px;
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: rgba(235, 235, 235, 0.987);
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -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-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+ background-clip: padding-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+ background-color: transparent;
+ padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #FFFFFF;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 3px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+notebook {
+ background-color: #FFFFFF;
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+notebook.frame {
+ border-radius: 12px;
+}
+
+notebook.frame scrolledwindow.frame {
+ border: none;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FFFFFF;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(0, 0, 0, 0.38);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+scrollbar slider:active {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(255, 255, 255, 0.9);
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+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");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: padding-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #dc8a78;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+ color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ color: transparent;
+ background-color: rgba(0, 0, 0, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04);
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.15);
+ background-color: #e7ada1;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.2);
+ background-color: #dc8a78;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.38);
+ background-color: rgba(220, 138, 120, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale trough:disabled {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#dc8a78);
+}
+
+scale highlight:disabled {
+ background-color: #FFFFFF;
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #dc8a78;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #dc8a78, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #dc8a78, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+scale indicator {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #dc8a78;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #dc8a78;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FFD600;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #dc8a78;
+}
+
+levelbar block.full {
+ background-color: #4CAF50;
+}
+
+levelbar block.empty {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.frame.view {
+ border-radius: 6px;
+}
+
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+ background: none;
+ min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, .tweak-group-startup row, list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), .tweak-group-startup row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, .tweak-group-startup row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, .tweak-group-startup row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, .tweak-group-startup row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, .tweak-group-startup row:focus, list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05);
+}
+
+list {
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+list.navigation-sidebar > row {
+ border-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+ background-color: alpha(currentColor, 0.06);
+}
+
+row:selected image,
+row:selected label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #dc8a78;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+expander title > arrow:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 1px;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+calendar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+calendar:selected {
+ border-radius: 7px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+}
+
+calendar.highlight {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #FFFFFF;
+}
+
+messagedialog.background.csd {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: none;
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+ color: #dc8a78;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+ color: #E53935;
+}
+
+.csd filechooser {
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ 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 rgba(0, 0, 0, 0.12);
+ 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.sidebar list {
+ padding: 3px;
+ background-color: #FFFFFF;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(0, 0, 0, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #dc8a78;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #dc8a78;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(0, 0, 0, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #FFFFFF;
+ background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
+ 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;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #FFFFFF;
+}
+
+infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #dc8a78;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #e19c8c;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FFD600;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #ffda1a;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #e84f4c;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(43, 43, 59, 0.9);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #dc8a78;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #FFFFFF;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+ margin: 8px;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+ border: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+tooltip.csd decoration {
+ border-radius: 6px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #e6e9ef;
+ border: 1px solid #e0e0e0;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #dce0e8;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0);
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #df8e1d;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(177, 113, 23, 0.9675);
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #40a02b;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(51, 127, 34, 0.9675);
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #d20f39;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(167, 12, 45, 0.9675);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+ background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+ color: transparent;
+ animation: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/minimize-symbolic.svg"), url("assets/scalable/minimize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/maximize-symbolic.svg"), url("assets/scalable/maximize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/close-symbolic.svg"), url("assets/scalable/close-symbolic@2.svg"));
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-image: -gtk-scaled(url("assets/scalable/unmaximize-symbolic.svg"), url("assets/scalable/unmaximize-symbolic@2.svg"));
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #dc8a78;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #dc8a78;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ border-radius: 9px;
+ background-color: rgba(0, 0, 0, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #dc8a78;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+ border-radius: 0 0 12px 12px;
+ background-color: #dce0e8;
+}
+
+.nautilus-window.background.csd:backdrop {
+ background-color: #FFFFFF;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+ margin-left: -1px;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+ border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+ background-color: transparent;
+ border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+ min-width: 12px;
+ box-shadow: 12px 0 #FFFFFF;
+ background-color: #FFFFFF;
+ background-image: image(#c2c5cc);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border: none;
+ border-radius: 6px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #FFFFFF;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.disk-space-display.used {
+ background-color: #dc8a78;
+ color: #dc8a78;
+}
+
+.disk-space-display.free {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.conflict-row:not(:selected) {
+ background-color: #fff3b3;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+ border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+ margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nautilus-window paned > separator {
+ background-color: #dce0e8;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #FFD600;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #dce0e8;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 0 6px 10px;
+ padding: 6px;
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#FFFFFF);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#FFFFFF);
+}
+
+.tweak-group-startup {
+ background-image: image(#FFFFFF);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+ background-color: #FFFFFF;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+ border-radius: 6px;
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #FFFFFF;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+ background-color: transparent;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+ background-color: transparent;
+ padding: 3px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable {
+ border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list {
+ border-top-width: 0;
+ border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+ border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+ border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+ border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+ border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+ border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+ background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+ border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #FFFFFF;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+ margin-right: -6px;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #FFFFFF;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+ background-image: image(#FFFFFF);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ box-shadow: inset 0 -2px #dc8a78;
+ background-color: #FFFFFF;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+ background-color: #FFFFFF;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #dce0e8;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #dc8a78 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #dc8a78;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+dockoverlayedge {
+ background-color: #FFFFFF;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #dc8a78;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #dc8a78;
+}
+
+pillbox {
+ background-color: #FFFFFF;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+ background-color: #FFFFFF;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(220, 138, 120, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #dc8a78;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #dc8a78;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.photos-filter-preview:checked image {
+ color: #FFFFFF;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#dce0e8);
+}
+
+.side-panel .view:hover {
+ background-image: image(rgba(206, 210, 217, 0.9896));
+}
+
+.side-panel .view:selected {
+ background-image: image(#dc8a78);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(206, 129, 112, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+ border: none;
+}
+
+window.background.csd > stack > box > revealer > actionbar > revealer > box {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #FFFFFF;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: #FFFFFF;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #FFFFFF;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+ border-width: 0;
+ border-radius: 0 0 12px 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.terminal-window {
+ background-color: #FFFFFF;
+}
+
+.terminal-window tabbar tabbox {
+ background-color: #dce0e8;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-clip: border-box;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+list.categories {
+ background-image: image(#dce0e8);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #FFFFFF;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+ background-color: #e6e9ef;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+ background-color: #dce0e8;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+ border-radius: 6px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-bottom-width: 0;
+ background-color: #FFFFFF;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #FFFFFF;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified {
+ background-color: #FFFFFF;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#FFFFFF);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #FFFFFF;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+/*********
+ * Meld *
+ ********/
+.meld-notebook, .meld-notebook > stack {
+ background: none;
+ border-radius: 0 0 12px 12px;
+}
+
+.meld-notebook-child {
+ background-color: #dce0e8;
+ border-radius: 0 0 12px 12px;
+}
+
+statusbar.meld-status-bar {
+ background: none;
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #FFFFFF;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #e0e0e0;
+}
+
+window.background.chromium > button {
+ color: #dc8a78;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #dc8a78;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid rgba(0, 0, 0, 0.26);
+ background-color: #FFFFFF;
+}
+
+window.background.chromium menu {
+ border-color: #cccccc;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #2b2b3b;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget decoration {
+ border: none;
+}
+
+#MozillaGtkWidget > widget text {
+ background-color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #e0e0e0;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #e0e0e0;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #e0e0e0;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #dc8a78;
+ box-shadow: inset 0 0 0 1px #dc8a78;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #dce0e8;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+ color: #464646;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+ color: #727272;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(70, 70, 70, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #e0e0e0;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #e0e0e0;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+ background-color: #FFFFFF;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+ border: none;
+ border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+ border-radius: 6px;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: #dc8a78;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #dce0e8;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px #dc8a78;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px #dc8a78;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: #dc8a78;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #dc8a78;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #dc8a78;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #dc8a78;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #FFFFFF;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #dc8a78;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(43, 43, 59, 0.9);
+ color: #FFFFFF;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #dc8a78;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ background: none;
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-clip: padding-box;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+}
+
+.budgie-popover .container, .budgie-popover list, .budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(0, 0, 0, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover treeview.view.sidebar {
+ border-right: none;
+ background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+ background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+ background-color: rgba(0, 0, 0, 0.04);
+ padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+ border-radius: 0;
+}
+
+.budgie-popover.user-menu .container {
+ padding: 6px;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+ margin-bottom: 0;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.caffeine-popover frame > .container {
+ padding: 6px;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(0, 0, 0, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(0, 0, 0, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: rgba(230, 233, 239, 0.75);
+}
+
+.budgie-panel button {
+ color: rgba(0, 0, 0, 0.6);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel button:active {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ box-shadow: none;
+ border: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.budgie-panel .alert {
+ color: #E53935;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(0, 0, 0, 0.6);
+ box-shadow: none;
+ border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #FFFFFF;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+ border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(0, 0, 0, 0.06);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+ padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+ margin-left: -6px;
+ margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+ padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+ padding: 6px;
+ background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+ border: none;
+ padding: 6px;
+ padding-left: 12px;
+ margin: 3px;
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ background-color: #FFFFFF;
+ border: none;
+ padding: 0;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog > decoration {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog > decoration,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog > decoration {
+ border: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #E53935;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #FFFFFF;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #dc8a78;
+}
+
+#xfce4-mpc-plugin-26 > frame > border {
+ border: none;
+}
+
+#xfce-panel-button {
+ -gtk-icon-style: symbolic;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+window#whiskermenu-window {
+ border-radius: 12px;
+ background-color: transparent;
+ border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+ background-color: #FFFFFF;
+}
+
+window#whiskermenu-window > frame > border {
+ border-radius: 12px;
+ padding: 6px 8px 6px 9px;
+ margin: 6px;
+ border: none;
+ background-color: #FFFFFF;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+ padding: 3px 6px;
+ margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+ background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+ padding: 3px;
+ background-color: #FFFFFF;
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+ background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#XfceNotifyWindow {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+ background: none;
+ border: none;
+ box-shadow: none;
+ animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+ color: rgba(0, 0, 0, 0.6);
+ font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #dc8a78;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #e6e9ef;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ padding: 2px 3px;
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > box > button.image-button,
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+ border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #dce0e8;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.nemo-window .toolbar {
+ padding: 0;
+}
+
+.nemo-window .toolbar button {
+ margin: 3px 0;
+ padding: 3px;
+}
+
+.nemo-window .toolbar separator {
+ margin: 6px 0;
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: rgba(192, 192, 192, 0.961);
+ -NemoPlacesTreeView-disk-full-fg-color: #dc8a78;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color */
+@define-color theme_bg_color #FFFFFF;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #FFFFFF;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #FFFFFF;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #dce0e8;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #FFFFFF;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #FFFFFF;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
+/*
+widgets main borders color */
+@define-color borders rgba(0, 0, 0, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(0, 0, 0, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FFD600;
+@define-color error_color #E53935;
+@define-color success_color #4CAF50;
+/*
+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 rgba(0, 0, 0, 0.87);
+@define-color wm_unfocused_title rgba(0, 0, 0, 0.6);
+@define-color wm_highlight rgba(255, 255, 255, 0.15);
+@define-color wm_border #a6a6a6;
+@define-color wm_bg #e6e9ef;
+@define-color wm_unfocused_bg #dce0e8;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #d20f39;
+@define-color wm_button_close_active_bg #990b29;
+@define-color wm_button_max_hover_bg #40a02b;
+@define-color wm_button_max_active_bg #2d701e;
+@define-color wm_button_min_hover_bg #df8e1d;
+@define-color wm_button_min_active_bg #a96c16;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #FFFFFF;
+@define-color placeholder_text_color #666666;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #FFFFFF;
+@define-color budgie_tasklist_indicator_color rgba(0, 0, 0, 0.26);
+@define-color budgie_tasklist_indicator_color_active #dc8a78;
+@define-color budgie_tasklist_indicator_color_active_window #e1b6af;
+@define-color budgie_tasklist_indicator_color_attention #FFD600;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/src/themes/Catppuccin-Latte/gtk-3.0/thumbnail.png b/src/themes/Catppuccin-Latte/gtk-3.0/thumbnail.png
new file mode 100644
index 00000000..00f93cf8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-3.0/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..7b89e885
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..17e3c4af
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/close-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/close-symbolic.svg
new file mode 100644
index 00000000..06201c39
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/close-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/close-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/close-symbolic@2.svg
new file mode 100644
index 00000000..a26e6ff1
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/close-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 00000000..e2a252b5
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/maximize-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/maximize-symbolic.svg
new file mode 100644
index 00000000..39316eba
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/maximize-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/maximize-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/maximize-symbolic@2.svg
new file mode 100644
index 00000000..8095f759
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/maximize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/minimize-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/minimize-symbolic.svg
new file mode 100644
index 00000000..f3683b9d
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/minimize-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/minimize-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/minimize-symbolic@2.svg
new file mode 100644
index 00000000..741534bb
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/minimize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 00000000..67beb46b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..bf51d9ec
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..de0d7899
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..7f0235f1
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 00000000..4b00bc19
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..37d9c04b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
@@ -0,0 +1,52 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..1bc5cb6f
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..4759e324
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..a44f5c9f
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 00000000..f2c9cf9f
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..a06db4cd
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/unmaximize-symbolic.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/unmaximize-symbolic.svg
new file mode 100644
index 00000000..492d47a2
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/unmaximize-symbolic.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg
new file mode 100644
index 00000000..85f4f3a8
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 00000000..b2b92efc
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..0e39be3e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..391164d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0e141b4a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 00000000..8ec0d53f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..532ac30d
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 00000000..cb00cb8c
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 00000000..54f5b087
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 00000000..015821da
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..cf7c20fa
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..735e3e8a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..35b0aec4
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 00000000..04785e35
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..936a8c4e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 00000000..1fe24852
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 00000000..a96a0a74
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 00000000..d3debe8a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..6caf95ea
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..45329137
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..d6042e6b
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 00000000..70eed023
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..885d1567
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 00000000..a3cc4c04
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 00000000..957eba31
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 00000000..2f21b000
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..1d228e75
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..eb5123d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..e6c06987
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 00000000..7e3487d1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..ab5af6f0
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 00000000..8578df74
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 00000000..e2f8b24a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 00000000..c93dabff
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 00000000..d796ce85
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 00000000..0546a5e2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 00000000..92dde69e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 00000000..f6b914e5
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 00000000..29ecf2b8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 00000000..40ff92e0
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 00000000..8e87ea7e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/gtk-dark.css b/src/themes/Catppuccin-Latte/gtk-4.0/gtk-dark.css
new file mode 100644
index 00000000..8e57f9bf
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7509 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #dc8a78 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #dc8a78 100%, transparent 100%);
+ }
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+dnd {
+ color: #FFFFFF;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+.aboutdialog .large-icons {
+ -gtk-icon-size: 128px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+iconview:disabled, .view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+iconview:selected, .view:selected {
+ color: #FFFFFF;
+}
+
+textview text {
+ background-color: #1e1e2e;
+}
+
+textview border {
+ background-color: #11111b;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
+treeview.view > rubberband,
+.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #dc8a78;
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: #FFFFFF;
+ background-color: #1e1e2e;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ opacity: 1;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+ opacity: 1;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(11, 11, 18, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label, row.expander image.expander-row-arrow, row label.subtitle {
+ color: rgba(255, 255, 255, 0.7);
+ opacity: 1;
+}
+
+.accent {
+ color: #dc8a78;
+}
+
+.success {
+ color: #66BB6A;
+}
+
+.warning {
+ color: #FBC02D;
+}
+
+.error {
+ color: #F44336;
+}
+
+.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 {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+.osd .scale-popup > arrow,
+.osd .scale-popup > contents, .osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents, .osd {
+ color: #FFFFFF;
+ background-color: #1e1e2e;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/*********************
+ * 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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+entry headerbar popover.background entry,
+headerbar popover.background entry entry,
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:focus-within,
+headerbar popover.background entry entry:focus-within,
+entry:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FFFFFF;
+ outline: 2px solid #dc8a78;
+ outline-offset: -2px;
+}
+
+
+entry headerbar popover.background entry:drop(active),
+headerbar popover.background entry entry:drop(active),
+entry headerbar popover.background entry:hover:not(:focus-within),
+headerbar popover.background entry entry:hover:not(:focus-within),
+entry:drop(active),
+entry:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:disabled,
+headerbar popover.background entry entry:disabled,
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.flat:focus-within,
+headerbar popover.background entry entry.flat:focus-within,
+entry headerbar popover.background entry.flat:disabled,
+headerbar popover.background entry entry.flat:disabled,
+entry headerbar popover.background entry.flat:hover,
+headerbar popover.background entry entry.flat:hover,
+entry headerbar popover.background entry.flat,
+headerbar popover.background entry entry.flat,
+entry.flat:focus-within,
+entry.flat:disabled,
+entry.flat:hover,
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ background-color: transparent;
+ box-shadow: none;
+ border-radius: 0;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry image,
+headerbar popover.background entry entry image,
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+
+entry headerbar popover.background entry image:hover,
+headerbar popover.background entry entry image:hover,
+entry headerbar popover.background entry image:active,
+headerbar popover.background entry entry image:active,
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+
+entry headerbar popover.background entry image:disabled,
+headerbar popover.background entry entry image:disabled,
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+
+entry headerbar popover.background entry image.left,
+headerbar popover.background entry entry image.left,
+entry image.left {
+ margin: 0 6px 0 2px;
+}
+
+
+entry headerbar popover.background entry image.right,
+headerbar popover.background entry entry image.right,
+entry image.right {
+ margin: 0 2px 0 6px;
+}
+
+
+entry headerbar popover.background entry undershoot.left,
+headerbar popover.background entry entry undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry undershoot.right,
+headerbar popover.background entry entry undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry.error,
+headerbar popover.background entry entry.error,
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(244, 67, 54, 0.1);
+ color: rgba(244, 67, 54, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:focus-within,
+headerbar popover.background entry entry.error:focus-within,
+entry.error:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(244, 67, 54, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #F44336;
+ outline: 2px solid #F44336;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:drop(active),
+headerbar popover.background entry entry.error:drop(active),
+entry headerbar popover.background entry.error:hover:not(:focus-within),
+headerbar popover.background entry entry.error:hover:not(:focus-within),
+entry.error:drop(active),
+entry.error:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #F44336;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:disabled,
+headerbar popover.background entry entry.error:disabled,
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(244, 67, 54, 0.1);
+ color: rgba(244, 67, 54, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error > text > selection,
+headerbar popover.background entry entry.error > text > selection,
+entry.error > text > selection {
+ background-color: rgba(244, 67, 54, 0.25);
+ color: #F44336;
+}
+
+
+entry headerbar popover.background entry.error image,
+headerbar popover.background entry entry.error image,
+entry.error image {
+ color: rgba(244, 67, 54, 0.75);
+}
+
+
+entry headerbar popover.background entry.error image:hover,
+headerbar popover.background entry entry.error image:hover,
+entry headerbar popover.background entry.error image:active,
+headerbar popover.background entry entry.error image:active,
+entry.error image:hover,
+entry.error image:active {
+ color: #F44336;
+}
+
+
+entry headerbar popover.background entry.error image:disabled,
+headerbar popover.background entry entry.error image:disabled,
+entry.error image:disabled {
+ color: rgba(244, 67, 54, 0.35);
+}
+
+
+entry headerbar popover.background entry.warning,
+headerbar popover.background entry entry.warning,
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(251, 192, 45, 0.1);
+ color: rgba(251, 192, 45, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:focus-within,
+headerbar popover.background entry entry.warning:focus-within,
+entry.warning:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(251, 192, 45, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FBC02D;
+ outline: 2px solid #FBC02D;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:drop(active),
+headerbar popover.background entry entry.warning:drop(active),
+entry headerbar popover.background entry.warning:hover:not(:focus-within),
+headerbar popover.background entry entry.warning:hover:not(:focus-within),
+entry.warning:drop(active),
+entry.warning:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FBC02D;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:disabled,
+headerbar popover.background entry entry.warning:disabled,
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(251, 192, 45, 0.1);
+ color: rgba(251, 192, 45, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning > text > selection,
+headerbar popover.background entry entry.warning > text > selection,
+entry.warning > text > selection {
+ background-color: rgba(251, 192, 45, 0.25);
+ color: #FBC02D;
+}
+
+
+entry headerbar popover.background entry.warning image,
+headerbar popover.background entry entry.warning image,
+entry.warning image {
+ color: rgba(251, 192, 45, 0.75);
+}
+
+
+entry headerbar popover.background entry.warning image:hover,
+headerbar popover.background entry entry.warning image:hover,
+entry headerbar popover.background entry.warning image:active,
+headerbar popover.background entry entry.warning image:active,
+entry.warning image:hover,
+entry.warning image:active {
+ color: #FBC02D;
+}
+
+
+entry headerbar popover.background entry.warning image:disabled,
+headerbar popover.background entry entry.warning image:disabled,
+entry.warning image:disabled {
+ color: rgba(251, 192, 45, 0.35);
+}
+
+
+entry headerbar popover.background entry.success,
+headerbar popover.background entry entry.success,
+entry.success {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(102, 187, 106, 0.1);
+ color: rgba(102, 187, 106, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:focus-within,
+headerbar popover.background entry entry.success:focus-within,
+entry.success:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(102, 187, 106, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #66BB6A;
+ outline: 2px solid #66BB6A;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:drop(active),
+headerbar popover.background entry entry.success:drop(active),
+entry headerbar popover.background entry.success:hover:not(:focus-within),
+headerbar popover.background entry entry.success:hover:not(:focus-within),
+entry.success:drop(active),
+entry.success:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #66BB6A;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:disabled,
+headerbar popover.background entry entry.success:disabled,
+entry.success:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(102, 187, 106, 0.1);
+ color: rgba(102, 187, 106, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success > text > selection,
+headerbar popover.background entry entry.success > text > selection,
+entry.success > text > selection {
+ background-color: rgba(102, 187, 106, 0.25);
+ color: #66BB6A;
+}
+
+
+entry headerbar popover.background entry.success image,
+headerbar popover.background entry entry.success image,
+entry.success image {
+ color: rgba(102, 187, 106, 0.75);
+}
+
+
+entry headerbar popover.background entry.success image:hover,
+headerbar popover.background entry entry.success image:hover,
+entry headerbar popover.background entry.success image:active,
+headerbar popover.background entry entry.success image:active,
+entry.success image:hover,
+entry.success image:active {
+ color: #66BB6A;
+}
+
+
+entry headerbar popover.background entry.success image:disabled,
+headerbar popover.background entry entry.success image:disabled,
+entry.success image:disabled {
+ color: rgba(102, 187, 106, 0.35);
+}
+
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 0 -4px;
+ border-bottom: 2px solid #dc8a78;
+ background-color: transparent;
+}
+
+
+entry button.image-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #1e1e2e;
+}
+
+treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, #dc8a78 0%, rgba(220, 138, 120, 0) 0%);
+ }
+ to {
+ background-image: radial-gradient(farthest-side, #dc8a78 95%, rgba(220, 138, 120, 0));
+ }
+}
+
+infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: #FFFFFF;
+}
+
+headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
+ outline: 2px solid rgba(220, 138, 120, 0.35);
+ outline-offset: 0;
+}
+
+headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+ -gtk-icon-filter: brightness(1.2);
+}
+
+headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
+ outline-color: transparent;
+ background-color: #e19c8c;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(220, 138, 120, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
+splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area > box > button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.opaque {
+ box-shadow: none;
+}
+
+.osd button.opaque:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.15);
+}
+
+button.opaque:hover {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.keyboard-activating.opaque, button.opaque:active {
+ background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+button.opaque:checked {
+ background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+button.opaque:checked:hover {
+ background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+button.opaque:checked.keyboard-activating, button.opaque:checked:active {
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button separator {
+ margin: 4px 1px;
+}
+
+button.opaque {
+ background-color: #4b4b58;
+ color: #FFFFFF;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button, button.image-text-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box, button.image-text-button > box,
+button.image-text-button > box > box {
+ border-spacing: 4px;
+}
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label, button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+button.text-button.image-button label:first-child, button.image-text-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child, button.image-text-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+button.arrow-button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+button.arrow-button > box {
+ border-spacing: 4px;
+}
+
+button.arrow-button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.arrow-button.text-button > box {
+ border-spacing: 6px;
+}
+
+menubutton.pill > button, button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ font-weight: inherit;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button.card.keyboard-activating, button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button.card:checked {
+ background-image: none;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #dc8a78;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ outline-color: transparent;
+ background-color: #e19c8c;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.card:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(220, 138, 120, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.card:checked.keyboard-activating, button.card:checked:active {
+ background-image: none;
+}
+
+button.card:checked.has-open-popup {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #FF7043;
+ box-shadow: inset 0 0 0 1px #FF7043;
+}
+
+.linked:not(.vertical) > button:focus, .linked.vertical > button:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > menubutton > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.35);
+ color: white;
+}
+
+button.osd > image {
+ padding: 0;
+}
+
+button.osd.remove-button {
+ padding: 0;
+}
+
+button.osd:focus {
+ outline-color: transparent;
+}
+
+button.osd:hover {
+ background-color: rgba(0, 0, 0, 0.45);
+ color: white;
+}
+
+button.osd:active {
+ background-color: rgba(0, 0, 0, 0.65);
+ color: white;
+}
+
+button.osd:disabled {
+ background-color: rgba(0, 0, 0, 0.15);
+ color: rgba(255, 255, 255, 0.35);
+}
+
+button.suggested-action {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(220, 138, 120, 0.2), 0 4px 3px 0 rgba(220, 138, 120, 0.14), 0 1px 6px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(165, 104, 90, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(220, 138, 120, 0.3), 0 2px 3px -1px rgba(220, 138, 120, 0.24), 0 2px 5px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(220, 138, 120, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #dc8a78;
+}
+
+button.suggested-action.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box, button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label, button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
+ border-radius: 9999px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
+ padding: 0;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #dc8a78;
+ color: white;
+}
+
+menubutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+menubutton.opaque {
+ background-color: #4b4b58;
+ color: #FFFFFF;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+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");
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #dc8a78;
+ color: white;
+}
+
+splitbutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+splitbutton.opaque {
+ background-color: #4b4b58;
+ color: #FFFFFF;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+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;
+}
+
+.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+
+list > row button.image-button:not(.flat):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat).suggested-action {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+list > row button.image-button:not(.flat).destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #3c84f7;
+}
+
+link:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+spinbutton:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FFFFFF;
+ outline: 2px solid #dc8a78;
+ outline-offset: -2px;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+ outline: none;
+}
+
+spinbutton > text {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ margin: 0;
+}
+
+spinbutton > button {
+ border: none;
+}
+
+spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: none;
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ padding-left: 12px;
+}
+
+spinbutton:not(.vertical) > button {
+ padding: 0;
+ margin: 6px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+cell.activatable spinbutton:not(.vertical) {
+ margin: 3px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button {
+ margin: 0;
+ padding: 0;
+ min-height: 24px;
+ border-radius: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 0;
+}
+
+spinbutton.vertical > text {
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ margin: 6px 9px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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 button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+button.combo:only-child:focus {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar {
+ padding: 6px;
+ background-color: #1e1e2e;
+ border-spacing: 6px;
+}
+
+.osd .toolbar {
+ background-color: transparent;
+}
+
+.app-notification, .toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+ color: #FFFFFF;
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.bottom.app-notification, .toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+.toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar entry,
+.toolbar spinbutton,
+.toolbar splitbutton,
+.toolbar separator:not(.sidebar),
+.toolbar button,
+.toolbar menubutton,
+.toolbar scalebutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar menubutton > button,
+.toolbar splitbutton > button,
+.toolbar splitbutton > menubutton,
+.toolbar scalebutton > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar switch {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.toolbar spinbutton entry,
+.toolbar spinbutton button {
+ margin: 0;
+}
+
+.toolbar popover.menu separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton {
+ margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+}
+
+headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+headerbar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar entry image:hover, headerbar entry image:active {
+ color: #FFFFFF;
+}
+
+headerbar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ background-color: #11111b;
+ color: #FFFFFF;
+ min-height: 48px;
+ padding: 0;
+ margin: 0;
+}
+
+headerbar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar.flat, headerbar.flat:backdrop {
+ background: none;
+ box-shadow: none;
+ transition: none;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row.expander image.expander-row-arrow,
+row.expander headerbar image.expander-row-arrow,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row.expander image.expander-row-arrow:backdrop,
+row.expander headerbar image.expander-row-arrow:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar > windowhandle > box {
+ padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar menubutton,
+headerbar stackswitcher,
+headerbar separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar .linked > menubutton,
+headerbar entry > menubutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ opacity: 1;
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar popover.background button.suggested-action:disabled,
+headerbar popover.background button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar popover.background entry,
+headerbar popover.background spinbutton,
+headerbar popover.background button,
+headerbar popover.background menubutton,
+headerbar popover.background stackswitcher {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.sidebar) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+headerbar.default-decoration windowcontrols menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar {
+ background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(220, 138, 120, 0.1)), linear-gradient(to top, #171724 3px, #1b1b2b);
+}
+
+window.devel headerbar:backdrop {
+ background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#11111b);
+ /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+ background-color: alpha(currentColor, 0.08);
+ border: none;
+ box-shadow: none;
+}
+
+
+pathbar > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+
+pathbar > button:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+
+pathbar > button:checked:hover {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+
+pathbar > button label,
+pathbar > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.pathbar {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #393947;
+ border-top-color: #393947;
+}
+
+columnview.view:hover, columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view:drop(active).after,
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view:drop(active).before,
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+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: #FFFFFF;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: #FFFFFF;
+}
+
+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.expander:disabled,
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #dc8a78;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #1e1e2e;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ color: #dc8a78;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #dc8a78;
+}
+
+stack.view treeview.view {
+ min-height: 36px;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ background-color: #11111b;
+ color: #FFFFFF;
+}
+
+menubar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > item:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ color: #FFFFFF;
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background, popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover > arrow,
+popover > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #313244;
+ border-radius: 12px;
+ color: #FFFFFF;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-clip: border-box;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover > contents > list,
+popover > contents > .view,
+popover > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover > contents separator {
+ background-color: rgba(255, 255, 255, 0.12);
+ margin: 3px 0;
+}
+
+popover > contents list separator {
+ margin: 0;
+}
+
+popover > contents list > row {
+ border-radius: 6px;
+}
+
+popover > contents stack > box {
+ padding: 0;
+}
+
+popover > contents > box > button {
+ margin: 0;
+}
+
+popover .view:not(:selected),
+popover toolbar {
+ background-color: #313244;
+}
+
+popover.menu button,
+popover button.model {
+ min-height: 32px;
+ padding: 0 8px;
+}
+
+popover modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ color: #FFFFFF;
+ font: initial;
+ border-radius: 6px;
+}
+
+popover modelbutton:focus:not(:hover) {
+ transition: none;
+ box-shadow: none;
+ outline: none;
+}
+
+popover modelbutton:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+popover modelbutton accelerator {
+ color: rgba(255, 255, 255, 0.5);
+ margin-left: 30px;
+}
+
+popover modelbutton accelerator:disabled {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+popover modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+.osd popover, popover.touch-selection, popover.magnifier {
+ background-color: transparent;
+}
+
+magnifier {
+ background-color: #1e1e2e;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 6px;
+ border: none;
+ background-clip: padding-box;
+ font-weight: 500;
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+tabbar tab:disabled, notebook > header > tabs > tab:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+tabbar tab:active, notebook > header > tabs > tab:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header > tabs > tab {
+ margin: 3px;
+}
+
+notebook > header > tabs > tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top > tabs, notebook > header.bottom > tabs {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left > tabs, notebook > header.right > tabs {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin: 0 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar > revealer > box {
+ box-shadow: none;
+}
+
+tabbar .box {
+ min-height: 36px;
+ border-bottom: none;
+ background: none;
+}
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+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 > background:dir(ltr) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(rtl) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar undershoot {
+ transition: background 150ms ease-in-out;
+}
+
+tabbar undershoot.left {
+ background: linear-gradient(to right, #1e1e2e, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar undershoot.right {
+ background: linear-gradient(to left, #1e1e2e, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar tabbox {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+tabbar tabbox > background {
+ background: none;
+}
+
+tabbar tabbox > separator {
+ margin: 9px 0;
+ min-width: 1px;
+ transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+ opacity: 0;
+}
+
+tabbar tabbox > tabboxchild {
+ margin: 0 -3px;
+ padding: 0;
+}
+
+tabbar tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#dc8a78, 0.4) 10%, alpha(#dc8a78, 0) 30%);
+}
+
+tabbar tab.needs-attention:hover {
+ background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#dc8a78, 0.4) 10%, alpha(#dc8a78, 0) 30%);
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ border-color: rgba(255, 255, 255, 0.12);
+ 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;
+}
+
+tabbar:not(.inline) scrolledwindow.pinned undershoot {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline) undershoot.left {
+ background: linear-gradient(to right, #11111b, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) undershoot.right {
+ background: linear-gradient(to left, #11111b, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar:not(.inline) tabbox > background {
+ background-color: #11111b;
+}
+
+tabbar:not(.inline) .start-action,
+tabbar:not(.inline) .end-action {
+ background-color: alpha(#11111b, 0.6);
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: #1e1e2e;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #11111b;
+ color: #FFFFFF;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+ outline: 1px solid rgba(0, 0, 0, 0.75);
+ outline-offset: -1px;
+ margin: 24px;
+}
+
+dnd tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#dc8a78, 0.4) 10%, alpha(#dc8a78, 0) 30%);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab button.image-button.tab-close-button,
+dnd tab button.image-button.tab-close-button {
+ margin-right: -3px;
+}
+
+tabview:drop(active),
+tabbox:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar > range > trough {
+ border: none;
+ background: none;
+ padding: 0;
+ outline: none;
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(30, 30, 46, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(30, 30, 46, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(49, 50, 68, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+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");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #dc8a78;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+ box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 3px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ border: none;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.15);
+ background-color: #e7ada1;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.2);
+ background-color: #dc8a78;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(220, 138, 120, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check {
+ -gtk-icon-size: 20px;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg")));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg")));
+}
+
+
+radio {
+ -gtk-icon-size: 20px;
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg")));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu check {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg")));
+}
+
+
+popover.menu check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg")));
+}
+
+
+popover.menu radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg")));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view radio, treeview.view check,
+columnview.view radio,
+columnview.view check {
+ padding: 0;
+ margin: 0;
+ transition: none;
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover,
+columnview.view radio,
+columnview.view radio:hover,
+columnview.view radio:disabled,
+columnview.view radio:checked:hover,
+columnview.view radio:indeterminate:hover,
+columnview.view check,
+columnview.view check:hover,
+columnview.view check:disabled,
+columnview.view check:checked:hover,
+columnview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio,
+columnview.view:hover check,
+columnview.view:hover radio,
+columnview.view:selected check,
+columnview.view:selected radio,
+columnview.view:focus check,
+columnview.view:focus radio {
+ box-shadow: none;
+}
+
+treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked,
+columnview.view:hover check:checked,
+columnview.view:hover radio:checked,
+columnview.view:selected check:checked,
+columnview.view:selected radio:checked,
+columnview.view:focus check:checked,
+columnview.view:focus radio:checked {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale > trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale > trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#dc8a78);
+}
+
+scale > trough > highlight:disabled {
+ background-color: #1e1e2e;
+ background-image: image(rgba(255, 255, 255, 0.32));
+}
+
+scale > trough > fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale > trough > fill:disabled {
+ background-color: transparent;
+}
+
+scale > trough > slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #dc8a78;
+ background-color: #1e1e2e;
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+scale > trough > slider:hover {
+ box-shadow: inset 0 0 0 2px #dc8a78, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > slider:active {
+ box-shadow: inset 0 0 0 4px #dc8a78, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32);
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune > trough > slider {
+ margin: -7px;
+}
+
+scale > marks,
+scale > value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+ transform: rotate(0);
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) > trough > slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #dc8a78;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #dc8a78;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #dc8a78;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: #FFFFFF;
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ border: none;
+}
+
+actionbar > revealer > box button, actionbar > revealer > box entry,
+actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button,
+actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button,
+actionbar > revealer > box spinbutton {
+ margin: 0;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: right;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border: none;
+ background-image: none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+ background-image: none;
+}
+
+/*********
+ * Lists *
+ *********/
+list.content,
+list.boxed-list {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+listview,
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+ background-clip: padding-box;
+}
+
+listview > row,
+list > row {
+ padding: 6px;
+ background-clip: padding-box;
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child),
+list.horizontal row.separator:not(:last-child),
+list.separators.horizontal > row:not(.separator):not(:last-child) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child),
+list:not(.horizontal) row.separator:not(:last-child),
+list.separators:not(.horizontal) > row:not(.separator):not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: #FFFFFF;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+ border-radius: 6px;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(255, 255, 255, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0;
+ outline: none;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus,
+treeview.view > header > button:focus, row.activatable:focus {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover,
+treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.05);
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.05);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected,
+treeview.view > header > button:selected, row.activatable:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover,
+treeview.view > header > button:selected:hover, row.activatable:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+button row.activatable:focus, button row.activatable:hover, button row.activatable:active {
+ box-shadow: none;
+ background: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: inherit;
+ box-shadow: none;
+}
+
+row:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus, row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus:hover, row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row:last-child {
+ border-bottom: none;
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ border-spacing: 6px;
+ min-height: 50px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.45);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+ padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+ padding: 0;
+ font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+ border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+ margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+ margin-left: 6px;
+}
+
+row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active {
+ background-color: transparent;
+}
+
+row.entry .edit-icon, row.entry .indicator {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 5px;
+}
+
+row.entry .edit-icon:disabled {
+ opacity: 0.5;
+}
+
+row.entry .indicator {
+ opacity: 0.65;
+}
+
+row.entry.monospace {
+ font-family: inherit;
+}
+
+row.entry.monospace text {
+ font-family: monospace;
+}
+
+row.entry.error text > selection:focus-within {
+ background-color: alpha(#F44336, 0.2);
+}
+
+row.entry.error text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.warning text > selection:focus-within {
+ background-color: alpha(#FBC02D, 0.2);
+}
+
+row.entry.warning text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.success text > selection:focus-within {
+ background-color: alpha(#66BB6A, 0.2);
+}
+
+row.entry.success text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.combo image.dropdown-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.combo listview.inline {
+ background: none;
+ border: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+ background: none;
+ color: inherit;
+}
+
+row.combo popover > contents {
+ min-width: 120px;
+}
+
+list.content > row, list.content > row.expander row.header,
+list.boxed-list > row,
+list.boxed-list > row.expander row.header, row.expander list.nested > row {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover,
+list.boxed-list > row:not(:selected).activatable:hover,
+list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active,
+list.boxed-list > row:not(:selected).activatable:active,
+list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup,
+list.boxed-list > row:not(:selected).activatable.has-open-popup,
+list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup {
+ background-color: alpha(currentColor, 0.03);
+}
+
+row.expander {
+ background: none;
+ padding: 0px;
+}
+
+row.expander > box > list {
+ background: none;
+ color: inherit;
+}
+
+row.expander list.nested {
+ color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+ transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ margin-left: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ margin-right: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander image.expander-row-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.expander:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn);
+ opacity: 1;
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: #dc8a78;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: inherit;
+}
+
+list.content > row.expander,
+list.boxed-list > row.expander {
+ border: none;
+}
+
+list.content > row:first-child, list.content > row:first-child.expander row.header,
+list.boxed-list > row:first-child,
+list.boxed-list > row:first-child.expander row.header {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:last-child,
+list.boxed-list > row:last-child.expander:not(:checked),
+list.boxed-list > row:last-child.expander:not(:checked) row.header,
+list.boxed-list > row:last-child.expander:checked list.nested,
+list.boxed-list > row:last-child.expander:checked list.nested > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ border-bottom-width: 0;
+}
+
+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: rgba(255, 255, 255, 0.12);
+}
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+treeexpander {
+ border-spacing: 6px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #dc8a78;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 6px;
+ border-spacing: 0;
+ padding: 0;
+ border: none;
+ background-image: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #dc8a78;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(255, 255, 255, 0.7);
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+expander:hover, expander:active {
+ color: #FFFFFF;
+}
+
+expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.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 {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 6px;
+ margin: 0;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 6px;
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button {
+ border-radius: 0;
+ min-height: 28px;
+ padding: 6px 12px;
+ margin: 0;
+ border: none;
+}
+
+window.messagedialog .response-area > box > button:first-child, window.dialog.message .dialog-action-area > button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+window.messagedialog .response-area > box > button:last-child, window.dialog.message .dialog-action-area > button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+window.messagedialog .response-area > box > button:only-child, window.dialog.message .dialog-action-area > button:only-child {
+ border-radius: 0 0 12px 12px;
+}
+
+window.dialog.message.background {
+ background-color: #313244;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ margin-top: 6px;
+ border-spacing: 24px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box.vertical {
+ margin-bottom: 6px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+ color: #FFFFFF;
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #313244;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.dialog.message .dialog-action-area {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog.message .dialog-action-area > button {
+ border: none;
+}
+
+window.dialog.message .dialog-action-area > button:not(:last-child) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) {
+ color: #dc8a78;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
+}
+
+/********************
+ * AdwMessageDialog *
+ ********************/
+window.messagedialog {
+ background-color: #313244;
+ color: #FFFFFF;
+}
+
+window.messagedialog .message-area {
+ padding: 24px 30px;
+ border-spacing: 10px;
+}
+
+window.messagedialog .response-area > box > button.suggested {
+ color: #dc8a78;
+}
+
+window.messagedialog .response-area > box > button.destructive {
+ color: #F44336;
+}
+
+window.messagedialog.csd:not(.solid-csd) {
+ border-radius: 12px;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button {
+ margin: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child {
+ margin-left: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child {
+ margin-right: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+ margin-bottom: 0;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #1e1e2e;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #11111b;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+ border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+ background-color: transparent;
+ color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 6px;
+ background-color: #11111b;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+stacksidebar row:selected {
+ font-weight: 500;
+}
+
+stacksidebar row + row {
+ margin-top: 4px;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ padding: 4.5px 0;
+ border-right: none;
+}
+
+.navigation-sidebar, .navigation-sidebar.view {
+ background-color: transparent;
+ color: inherit;
+}
+
+.navigation-sidebar.background {
+ background-color: #11111b;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.navigation-sidebar > separator {
+ margin: 4.5px 0;
+}
+
+.navigation-sidebar > row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+ margin: 1.5px 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+placessidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar list > separator {
+ margin: 3px 0;
+}
+
+placessidebar row:selected {
+ font-weight: 500;
+}
+
+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 {
+ color: inherit;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar row.sidebar-new-bookmark-row {
+ color: #dc8a78;
+}
+
+placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #dc8a78;
+}
+
+placessidebar row:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ 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(#393947);
+ background-size: 1px 1px;
+ background-clip: content-box;
+ box-shadow: none;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #1e1e2e;
+ background-image: image(#393947), image(#393947);
+ 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;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #dc8a78;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #d77864;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+}
+
+tooltip.background {
+ background-color: rgba(11, 11, 18, 0.9);
+ color: #FFFFFF;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ border-radius: 6px;
+ margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorchooser colorswatch:hover {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 0 0 2px #dc8a78;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+ color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #313244;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #1e1e2e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+ border: none;
+}
+
+window.csd {
+ border-radius: 12px;
+ outline-offset: -1px;
+ outline: 1px solid rgba(255, 255, 255, 0.1);
+ margin: 0;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd:backdrop {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+ border-radius: 0;
+ transition: none;
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #11111b;
+ border: 1px solid #393947;
+}
+
+window.solid-csd:backdrop {
+ background-color: #1e1e2e;
+}
+
+window.ssd {
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
+ padding: 0;
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25);
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
+ background-color: #df8e1d;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #e7aa56;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
+ background-color: #40a02b;
+}
+
+windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #70b860;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ background-color: #d20f39;
+}
+
+windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #dd4b6b;
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+ margin-right: 9px;
+ margin-left: 9px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+ margin-left: 9px;
+ margin-right: 9px;
+}
+
+.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected,
+treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+flowbox > flowboxchild:selected, calendar > grid > label.today {
+ color: #dc8a78;
+ background-color: rgba(220, 138, 120, 0.2);
+}
+
+textview text selection:focus, textview text selection, label > selection,
+entry > text > selection, spinbutton > text > selection,
+entry headerbar popover.background entry > text > selection,
+headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #dc8a78;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #313244;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #dc8a78;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ margin: 6px 0;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1);
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #dc8a78;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover,
+emoji-completion-row emoji:hover, emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+.nautilus-window placesview label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusQueryEditor > menubutton > button.image-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button {
+ margin: 6px 0;
+}
+
+#NautilusQueryEditorTag {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#NautilusQueryEditorTag > button.image-button {
+ margin: 0;
+ padding: 0;
+}
+
+#NautilusPathBar {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathButton.current-dir {
+ color: #FFFFFF;
+}
+
+#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.display-container.card {
+ border-radius: 0;
+ box-shadow: none;
+ border-width: 0 0 1px 0;
+}
+
+.display-container .history-view {
+ background-color: #1e1e2e;
+}
+
+.display-container #displayitem {
+ padding: 0 12px 8px 0;
+ font-size: 1.4em;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.math-buttons button {
+ font-size: 1.1em;
+ padding: 2px 6px;
+}
+
+.math-buttons button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+leaflet button.number-button {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px;
+}
+
+label.primary-label, label.month-name {
+ color: #dc8a78;
+}
+
+label.secondary-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view {
+ font-size: 10pt;
+}
+
+calendar-view:selected {
+ color: #dc8a78;
+ font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view.current,
+weekgrid.current {
+ background-color: alpha(#dc8a78, 0.3);
+}
+
+popover.events {
+ background-color: #1e1e2e;
+ padding: 0;
+}
+
+popover.events box {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+popover.events list {
+ background-color: #1e1e2e;
+ border-radius: 6px;
+}
+
+popover.events scrolledwindow {
+ border-width: 0;
+}
+
+popover.events button {
+ border-radius: 6px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-style: solid none none;
+ box-shadow: none;
+}
+
+event {
+ margin: 1px;
+ font-size: 0.9rem;
+}
+
+event widget.content {
+ margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+ border-radius: 6px;
+}
+
+event.timed widget.edge {
+ border-radius: 3px;
+ min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+ padding-left: 16px;
+ border-radius: 0 3px 3px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+ padding-right: 16px;
+ border-radius: 3px 0 0 3px;
+}
+
+event:not(.timed).color-dark {
+ color: white;
+ outline-color: rgba(0, 0, 0, 0.3);
+}
+
+event.timed, event:not(.timed).color-light {
+ color: alpha(black, 0.75);
+ outline-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+ padding: 0;
+}
+
+.search-viewport {
+ background-color: #1e1e2e;
+}
+
+.calendar-list {
+ background-color: transparent;
+}
+
+.calendar-list > list {
+ border-radius: 4px;
+}
+
+.sources-button {
+ margin-top: 0;
+ margin-bottom: 0;
+ border-radius: 0;
+ border-top-style: none;
+ border-bottom-style: none;
+}
+
+.sources-button:hover:not(:backdrop) {
+ background-image: none;
+ text-shadow: none;
+}
+
+.calendar-color-image {
+ -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+ -gtk-icon-shadow: 0 1px alpha(black, 0.1);
+}
+
+datechooser navigator {
+ margin-right: 6px;
+ margin-left: 6px;
+ margin-bottom: 6px;
+}
+
+datechooser navigator label {
+ font-weight: bold;
+}
+
+datechooser navigator button, datechooser navigator button.image-button {
+ min-height: 36px;
+ min-width: 36px;
+ padding: 0;
+}
+
+datechooser .weeknum, datechooser .weekday {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: smaller;
+}
+
+datechooser button.day {
+ font-size: 10pt;
+ font-weight: normal;
+ margin: 3px;
+ padding: 0;
+ min-height: 36px;
+ min-width: 36px;
+ transition: none;
+}
+
+datechooser button.day dot {
+ background-color: #FFFFFF;
+ border-radius: 50%;
+ min-height: 3px;
+ min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+datechooser button.day.today {
+ color: #dc8a78;
+}
+
+datechooser button.day.today dot {
+ background-color: #dc8a78;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop {
+ color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot {
+ background-color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header {
+ padding: 0;
+}
+
+.week-header > box:first-child {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.week-header .week-number {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px 12px 18px 12px;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.week-header.week-temperature {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header.lines {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+weekhourbar > label {
+ font-size: 10pt;
+ padding: 4px 6px;
+}
+
+.week-view .lines {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+weekgrid > widget.now-strip {
+ background-color: alpha(#dc8a78, 0.8);
+ margin: 0 0 0 1px;
+ min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+ background-color: alpha(#dc8a78, 0.25);
+}
+
+monthcell {
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-width: 1px 0 0 1px;
+ background-color: transparent;
+ transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+ background-color: #11111b;
+ transition: background-color 200ms;
+ color: #FFFFFF;
+}
+
+monthcell:selected {
+ background-color: alpha(#dc8a78, 0.1);
+}
+
+monthcell:selected:hover {
+ background-color: alpha(#dc8a78, 0.2);
+}
+
+monthcell:selected label.day-label {
+ font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+ border-left-width: 0;
+}
+
+monthcell.today {
+ background-color: alpha(#dc8a78, 0.2);
+}
+
+monthcell.today:hover {
+ background-color: alpha(#dc8a78, 0.3);
+ color: #dc8a78;
+}
+
+monthcell.today:selected {
+ background-color: alpha(#dc8a78, 0.25);
+}
+
+monthcell.today:selected:hover {
+ background-color: alpha(#dc8a78, 0.35);
+}
+
+monthcell label {
+ color: #FFFFFF;
+ font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+ font-size: 1rem;
+}
+
+monthcell.out-of-month {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+monthcell.out-of-month label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+monthcell button {
+ padding: 0 6px;
+ border-radius: 0;
+ border-bottom: none;
+ border-right: none;
+}
+
+monthpopover > box {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+}
+
+.notes-section box > textview {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.notes-section box > textview > text {
+ background: none;
+}
+
+agenda-view list > row {
+ padding: 2px 12px;
+}
+
+agenda-view list > label {
+ padding: 6px 12px;
+}
+
+label.no-events {
+ font-style: italic;
+}
+
+searchbutton > popover > arrow {
+ background: none;
+ border: none;
+}
+
+datechooser {
+ padding: 6px;
+}
+
+datechooser .current-week {
+ background: alpha(#11111b, 0.7);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+menubutton stack > box {
+ border-spacing: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+.details-page {
+ margin: 24px 0px;
+}
+
+.installed-overlay-box {
+ font-size: smaller;
+ background-color: #dc8a78;
+ border-radius: 0;
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+screenshot-carousel box.frame {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+ margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+ margin-top: 6px;
+ margin-bottom: 12px;
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+.app-tile-label {
+ font-size: 105%;
+}
+
+.review-textbox {
+ padding: 6px;
+}
+
+.origin-rounded-box {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 9999px;
+ padding: 4px;
+}
+
+.origin-beta {
+ color: #FBC02D;
+}
+
+.origin-button > button {
+ padding: 3px 9px;
+}
+
+button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+ min-width: 140px;
+ font-weight: 900;
+ font-size: larger;
+}
+
+button.card.category-tile.category-tile-iconless {
+ padding: 9px 15px;
+ min-width: 130px;
+ font-size: 105%;
+ font-weight: normal;
+}
+
+button.card.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:hover {
+ background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:active {
+ background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-develop {
+ background: #5e5c64;
+ color: white;
+}
+
+button.card.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+ color: white;
+}
+
+button.card.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+ color: white;
+}
+
+button.card.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:hover {
+ background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:active {
+ background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:hover {
+ background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:active {
+ background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+button.card.category-tile.category-socialize:hover {
+ background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+button.card.category-tile.category-socialize:active {
+ background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+button.card.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+button.card.category-tile.category-work:hover {
+ color: #1c71d8;
+ background-color: #fefcef;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+button.card.category-tile.category-work:active {
+ color: #1c71d8;
+ background-color: #fcf4bf;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+ font-size: larger;
+}
+
+.featured-tile {
+ all: unset;
+ padding: 0;
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+.featured-tile label.title-1 {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+ font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.application-details-infobar.warning {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+@keyframes install-progress-unknown-move {
+ 0% {
+ background-position: 0%;
+ }
+ 50% {
+ background-position: 100%;
+ }
+ 100% {
+ background-position: 0%;
+ }
+}
+
+.application-details-description .button {
+ padding-left: 24px;
+ padding-right: 24px;
+}
+
+.install-progress {
+ background-image: linear-gradient(to top, #dc8a78 2px, alpha(#dc8a78, 0) 2px);
+ background-repeat: no-repeat;
+ background-position: 0 bottom;
+ background-size: 0;
+ transition: none;
+}
+
+.install-progress:dir(rtl) {
+ background-position: 100% bottom;
+}
+
+.review-row > * {
+ margin: 12px;
+}
+
+.review-row button {
+ font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+ margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+ border-image: linear-gradient(to top, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+ border-image: none;
+}
+
+review-bar {
+ color: rgba(255, 255, 255, 0.5);
+ background-image: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.review-histogram star-image {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.version-arrow-label {
+ font-size: x-small;
+}
+
+.overview-more-button {
+ font-size: smaller;
+ padding: 0 16px;
+}
+
+.app-row-origin-text {
+ font-size: smaller;
+}
+
+.app-listbox-header {
+ padding: 6px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.image-list {
+ background-color: transparent;
+}
+
+box.star {
+ background-color: transparent;
+ background-image: none;
+}
+
+button.star {
+ outline-offset: 0;
+ background-color: transparent;
+ background-image: none;
+ border-image: none;
+ border-radius: 0;
+ border-width: 0;
+ padding: 0;
+ box-shadow: none;
+ outline-offset: -1px;
+}
+
+star-image {
+ color: #FFD600;
+}
+
+.dimmer-label {
+ opacity: 0.25;
+}
+
+.update-failed-details {
+ font-family: Monospace;
+ font-size: smaller;
+ padding: 16px;
+}
+
+.upgrade-banner {
+ padding: 0px;
+ border-radius: 6px;
+ border: none;
+}
+
+.upgrade-banner-background {
+ background: linear-gradient(to bottom, #66BB6A, #5b9bf8);
+ color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+ margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+ margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+ margin-top: 12px;
+}
+
+clamp.status-page {
+ margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+ min-height: 128px;
+ min-width: 128px;
+}
+
+clamp.status-page .icon {
+ color: rgba(255, 255, 255, 0.5);
+ min-height: 32px;
+ min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: transparent;
+ border-radius: 0;
+ padding: 24px 12px 21px 12px;
+ outline-offset: 5px;
+ transition-property: outline, outline-offset, background-image;
+ border-bottom: none;
+ border-right: none;
+}
+
+app-context-bar .context-tile:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+ outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+ border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+ border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(255, 255, 255, 0.12);
+}
+
+carousel.card {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+ font-size: 18px;
+ font-weight: bold;
+ border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+ font-size: 24px;
+ padding: 16px;
+ min-width: 24px;
+ /* 60px minus the left and right padding */
+ min-height: 24px;
+ /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+ margin-top: -28px;
+ margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+ -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+ color: #419345;
+ background-color: rgba(102, 187, 106, 0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+ color: #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+ color: #d79b04;
+ background-color: rgba(251, 192, 45, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+ color: #d2190b;
+ background-color: rgba(244, 67, 54, 0.15);
+}
+
+.eol-red {
+ font-weight: bold;
+ color: #F44336;
+}
+
+window.narrow .app-title {
+ font-size: 16pt;
+}
+
+window.narrow .app-developer {
+ font-size: small;
+}
+
+.install-progress-label {
+ font-size: smaller;
+ font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+ margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+ -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);
+}
+
+window.info scrollbar.vertical {
+ margin-top: 48px;
+ background: none;
+ box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+ margin-top: 0;
+}
+
+row.app > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+row.app > box.header {
+ border-spacing: 12px;
+}
+
+row.app > box.header > image {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+row.app label.warning {
+ color: #F44336;
+}
+
+@keyframes pre-delay {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 0;
+ }
+}
+
+@keyframes fade-in {
+ from {
+ filter: opacity(0%);
+ }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+ animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+ animation-delay: 0s, 0.5s, 0.5s;
+}
+
+window > contents > leaflet > box > stack.background {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, transparent 48px, #1e1e2e 48px, #1e1e2e);
+}
+
+@define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5);
+@define-color weather_temp_chart_stroke_color #f0ad05;
+@define-color weather_thermometer_warm_color #FBC02D;
+@define-color weather_thermometer_cold_color #5b9bf8;
+#places-label {
+ font-weight: bold;
+}
+
+#temperature-label {
+ font-size: 32pt;
+ font-weight: 900;
+ margin-left: 9px;
+}
+
+#conditions-grid *:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.content-view.cell {
+ font-weight: bold;
+}
+
+#locationEntry {
+ margin: 6px;
+}
+
+.weather-popover {
+ margin-top: 6px;
+}
+
+.forecast-card {
+ transition: border-radius 100ms ease-out;
+ border-radius: 6px;
+}
+
+.forecast-card separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#daily-forecast-box > separator:last-child {
+ background-color: transparent;
+ min-width: 0;
+}
+
+#conditions-grid,
+#attributionGrid {
+ margin-left: 18px;
+ margin-right: 18px;
+}
+
+#weather-page .small .forecast-card {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 0;
+ border-width: 1px 0;
+}
+
+.forecast-temperature-label {
+ font-weight: bold;
+ color: #ae7b03;
+}
+
+WeatherThermometer {
+ margin-bottom: 12px;
+}
+
+WeatherThermometer > label.high {
+ font-weight: bold;
+ color: #FBC02D;
+}
+
+WeatherThermometer > label.low {
+ font-weight: bold;
+ color: #5b9bf8;
+}
+
+.forecast-button {
+ margin: 0 12px;
+}
+
+.forecast-graphic {
+ margin: 18px;
+}
+
+button.osd.circular {
+ border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+button.osd.circular > image {
+ padding: 0;
+}
+
+scrolledwindow.inline list,
+scrolledwindow.inline listview {
+ background: none;
+ color: inherit;
+}
+
+scrolledwindow.inline undershoot.top {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
+}
+
+.search-view {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.search-view menubutton button:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+image.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.large-button {
+ padding: 6px;
+}
+
+.alarm-time {
+ font-size: 2.5em;
+ font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+ font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+ font-size: 6em;
+ font-weight: 300;
+}
+
+.clocks-ringing-title {
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+ font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+ font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+ font-size: 20pt;
+ font-weight: 300;
+}
+
+.timer-countdown {
+ font-size: 40pt;
+ font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+ font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+ font-size: 70px;
+ font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+ color: #dc8a78;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+ font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.clock-location {
+ font-weight: bolder;
+}
+
+.hidden {
+ opacity: 0;
+}
+
+.clock-time {
+ font-size: 2em;
+ padding: 0.2em 0.5em;
+ border-radius: 1em;
+}
+
+.none .clock-time {
+ background: alpha(currentColor, 0.2);
+}
+
+.night .clock-time {
+ color: #3c84f7;
+ background-color: alpha(#5b9bf8, 0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+ color: #FF7043;
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+ color: #FFD600;
+ background: alpha(#FBC02D, 0.25);
+}
+
+headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+popover.background.global-search > arrow, popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 3px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: #11111b;
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(255, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #dc8a78;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ 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: white;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ outline: none;
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+}
+
+.card.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.card.activatable:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+.card.activatable:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #1e1e2e;
+ color: #FFFFFF;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ border-spacing: 3px;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+}
+
+viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 6px;
+ padding-bottom: 4px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 2px 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ background-color: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 1px 4px;
+ color: white;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #dc8a78;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(255, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #dc8a78;
+}
+
+preferencesgroup > box .cutout-button {
+ background-color: #11111b;
+}
+
+window.about .main-page > viewport > clamp > box {
+ margin: 12px;
+ border-spacing: 6px;
+}
+
+window.about .main-page > viewport > clamp > box > box {
+ margin-top: 18px;
+ border-spacing: 18px;
+ margin-bottom: 6px;
+}
+
+window.about .main-page .app-version {
+ padding: 3px 18px;
+ color: #dc8a78;
+ border-radius: 6px;
+ margin-top: 3px;
+}
+
+window.about .subpage > viewport > clamp > box {
+ margin: 18px 12px;
+ border-spacing: 18px;
+}
+
+window.about .subpage > clamp > textview {
+ background: none;
+ color: inherit;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #1e1e2e;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #1e1e2e;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e1e2e;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #11111b;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1e1e2e;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1e1e2e;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+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 #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #060609;
+@define-color wm_bg #11111b;
+@define-color wm_unfocused_bg #1e1e2e;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #d20f39;
+@define-color wm_button_close_active_bg #990b29;
+@define-color wm_button_max_hover_bg #40a02b;
+@define-color wm_button_max_active_bg #2d701e;
+@define-color wm_button_min_hover_bg #df8e1d;
+@define-color wm_button_min_active_bg #a96c16;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #1e1e2e;
+@define-color placeholder_text_color #bcbcc0;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1e1e2e;
+@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3);
+@define-color budgie_tasklist_indicator_color_active #dc8a78;
+@define-color budgie_tasklist_indicator_color_active_window #7f524d;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@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;
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+@define-color accent_bg_color #dc8a78;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #dc8a78;
+@define-color destructive_bg_color #F44336;
+@define-color destructive_fg_color #FFFFFF;
+@define-color destructive_color #F44336;
+@define-color success_bg_color #66BB6A;
+@define-color success_fg_color #FFFFFF;
+@define-color success_color #66BB6A;
+@define-color warning_bg_color #FBC02D;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FBC02D;
+@define-color error_bg_color #F44336;
+@define-color error_fg_color #FFFFFF;
+@define-color error_color #F44336;
+@define-color window_bg_color #1e1e2e;
+@define-color window_fg_color #FFFFFF;
+@define-color view_bg_color #1e1e2e;
+@define-color view_fg_color #FFFFFF;
+@define-color headerbar_bg_color #11111b;
+@define-color headerbar_fg_color #FFFFFF;
+@define-color headerbar_border_color rgba(255, 255, 255, 0.12);
+@define-color headerbar_backdrop_color #1e1e2e;
+@define-color headerbar_shade_color rgba(255, 255, 255, 0.12);
+@define-color card_bg_color #1e1e2e;
+@define-color card_fg_color #FFFFFF;
+@define-color card_shade_color rgba(255, 255, 255, 0.12);
+@define-color dialog_bg_color #11111b;
+@define-color dialog_fg_color #FFFFFF;
+@define-color popover_bg_color #1e1e2e;
+@define-color popover_fg_color #FFFFFF;
+@define-color shade_color rgba(255, 255, 255, 0.12);
+@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12);
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/gtk.css b/src/themes/Catppuccin-Latte/gtk-4.0/gtk.css
new file mode 100644
index 00000000..6b556bec
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/gtk-4.0/gtk.css
@@ -0,0 +1,7517 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #dc8a78 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #dc8a78 100%, transparent 100%);
+ }
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+dnd {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+.aboutdialog .large-icons {
+ -gtk-icon-size: 128px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+iconview:disabled, .view:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+iconview:selected, .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textview text {
+ background-color: #FFFFFF;
+}
+
+textview border {
+ background-color: #dce0e8;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
+treeview.view > rubberband,
+.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #dc8a78;
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+label:disabled {
+ opacity: 1;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+ opacity: 1;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(43, 43, 59, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label, row.expander image.expander-row-arrow, row label.subtitle {
+ color: rgba(0, 0, 0, 0.6);
+ opacity: 1;
+}
+
+.accent {
+ color: #dc8a78;
+}
+
+.success {
+ color: #4CAF50;
+}
+
+.warning {
+ color: #FFD600;
+}
+
+.error {
+ color: #E53935;
+}
+
+.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 {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(0, 0, 0, 0.38);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.osd .scale-popup > arrow,
+.osd .scale-popup > contents, .osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents, .osd {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FFFFFF;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/*********************
+ * 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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+entry headerbar popover.background entry,
+headerbar popover.background entry entry,
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:focus-within,
+headerbar popover.background entry entry:focus-within,
+entry:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: rgba(0, 0, 0, 0.87);
+ outline: 2px solid #dc8a78;
+ outline-offset: -2px;
+}
+
+
+entry headerbar popover.background entry:drop(active),
+headerbar popover.background entry entry:drop(active),
+entry headerbar popover.background entry:hover:not(:focus-within),
+headerbar popover.background entry entry:hover:not(:focus-within),
+entry:drop(active),
+entry:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:disabled,
+headerbar popover.background entry entry:disabled,
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.flat:focus-within,
+headerbar popover.background entry entry.flat:focus-within,
+entry headerbar popover.background entry.flat:disabled,
+headerbar popover.background entry entry.flat:disabled,
+entry headerbar popover.background entry.flat:hover,
+headerbar popover.background entry entry.flat:hover,
+entry headerbar popover.background entry.flat,
+headerbar popover.background entry entry.flat,
+entry.flat:focus-within,
+entry.flat:disabled,
+entry.flat:hover,
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ background-color: transparent;
+ box-shadow: none;
+ border-radius: 0;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry image,
+headerbar popover.background entry entry image,
+entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+
+entry headerbar popover.background entry image:hover,
+headerbar popover.background entry entry image:hover,
+entry headerbar popover.background entry image:active,
+headerbar popover.background entry entry image:active,
+entry image:hover,
+entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+entry headerbar popover.background entry image:disabled,
+headerbar popover.background entry entry image:disabled,
+entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+
+entry headerbar popover.background entry image.left,
+headerbar popover.background entry entry image.left,
+entry image.left {
+ margin: 0 6px 0 2px;
+}
+
+
+entry headerbar popover.background entry image.right,
+headerbar popover.background entry entry image.right,
+entry image.right {
+ margin: 0 2px 0 6px;
+}
+
+
+entry headerbar popover.background entry undershoot.left,
+headerbar popover.background entry entry undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry undershoot.right,
+headerbar popover.background entry entry undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry.error,
+headerbar popover.background entry entry.error,
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(229, 57, 53, 0.1);
+ color: rgba(229, 57, 53, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:focus-within,
+headerbar popover.background entry entry.error:focus-within,
+entry.error:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(229, 57, 53, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #E53935;
+ outline: 2px solid #E53935;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:drop(active),
+headerbar popover.background entry entry.error:drop(active),
+entry headerbar popover.background entry.error:hover:not(:focus-within),
+headerbar popover.background entry entry.error:hover:not(:focus-within),
+entry.error:drop(active),
+entry.error:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #E53935;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:disabled,
+headerbar popover.background entry entry.error:disabled,
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(229, 57, 53, 0.1);
+ color: rgba(229, 57, 53, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error > text > selection,
+headerbar popover.background entry entry.error > text > selection,
+entry.error > text > selection {
+ background-color: rgba(229, 57, 53, 0.25);
+ color: #E53935;
+}
+
+
+entry headerbar popover.background entry.error image,
+headerbar popover.background entry entry.error image,
+entry.error image {
+ color: rgba(229, 57, 53, 0.75);
+}
+
+
+entry headerbar popover.background entry.error image:hover,
+headerbar popover.background entry entry.error image:hover,
+entry headerbar popover.background entry.error image:active,
+headerbar popover.background entry entry.error image:active,
+entry.error image:hover,
+entry.error image:active {
+ color: #E53935;
+}
+
+
+entry headerbar popover.background entry.error image:disabled,
+headerbar popover.background entry entry.error image:disabled,
+entry.error image:disabled {
+ color: rgba(229, 57, 53, 0.35);
+}
+
+
+entry headerbar popover.background entry.warning,
+headerbar popover.background entry entry.warning,
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 214, 0, 0.1);
+ color: rgba(255, 214, 0, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:focus-within,
+headerbar popover.background entry entry.warning:focus-within,
+entry.warning:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 214, 0, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FFD600;
+ outline: 2px solid #FFD600;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:drop(active),
+headerbar popover.background entry entry.warning:drop(active),
+entry headerbar popover.background entry.warning:hover:not(:focus-within),
+headerbar popover.background entry entry.warning:hover:not(:focus-within),
+entry.warning:drop(active),
+entry.warning:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFD600;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:disabled,
+headerbar popover.background entry entry.warning:disabled,
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 214, 0, 0.1);
+ color: rgba(255, 214, 0, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning > text > selection,
+headerbar popover.background entry entry.warning > text > selection,
+entry.warning > text > selection {
+ background-color: rgba(255, 214, 0, 0.25);
+ color: #FFD600;
+}
+
+
+entry headerbar popover.background entry.warning image,
+headerbar popover.background entry entry.warning image,
+entry.warning image {
+ color: rgba(255, 214, 0, 0.75);
+}
+
+
+entry headerbar popover.background entry.warning image:hover,
+headerbar popover.background entry entry.warning image:hover,
+entry headerbar popover.background entry.warning image:active,
+headerbar popover.background entry entry.warning image:active,
+entry.warning image:hover,
+entry.warning image:active {
+ color: #FFD600;
+}
+
+
+entry headerbar popover.background entry.warning image:disabled,
+headerbar popover.background entry entry.warning image:disabled,
+entry.warning image:disabled {
+ color: rgba(255, 214, 0, 0.35);
+}
+
+
+entry headerbar popover.background entry.success,
+headerbar popover.background entry entry.success,
+entry.success {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(76, 175, 80, 0.1);
+ color: rgba(76, 175, 80, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:focus-within,
+headerbar popover.background entry entry.success:focus-within,
+entry.success:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(76, 175, 80, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #4CAF50;
+ outline: 2px solid #4CAF50;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:drop(active),
+headerbar popover.background entry entry.success:drop(active),
+entry headerbar popover.background entry.success:hover:not(:focus-within),
+headerbar popover.background entry entry.success:hover:not(:focus-within),
+entry.success:drop(active),
+entry.success:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #4CAF50;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:disabled,
+headerbar popover.background entry entry.success:disabled,
+entry.success:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(76, 175, 80, 0.1);
+ color: rgba(76, 175, 80, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success > text > selection,
+headerbar popover.background entry entry.success > text > selection,
+entry.success > text > selection {
+ background-color: rgba(76, 175, 80, 0.25);
+ color: #4CAF50;
+}
+
+
+entry headerbar popover.background entry.success image,
+headerbar popover.background entry entry.success image,
+entry.success image {
+ color: rgba(76, 175, 80, 0.75);
+}
+
+
+entry headerbar popover.background entry.success image:hover,
+headerbar popover.background entry entry.success image:hover,
+entry headerbar popover.background entry.success image:active,
+headerbar popover.background entry entry.success image:active,
+entry.success image:hover,
+entry.success image:active {
+ color: #4CAF50;
+}
+
+
+entry headerbar popover.background entry.success image:disabled,
+headerbar popover.background entry entry.success image:disabled,
+entry.success image:disabled {
+ color: rgba(76, 175, 80, 0.35);
+}
+
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 0 -4px;
+ border-bottom: 2px solid #dc8a78;
+ background-color: transparent;
+}
+
+
+entry button.image-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #FFFFFF;
+}
+
+treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, #dc8a78 0%, rgba(220, 138, 120, 0) 0%);
+ }
+ to {
+ background-image: radial-gradient(farthest-side, #dc8a78 95%, rgba(220, 138, 120, 0));
+ }
+}
+
+infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
+ outline: 2px solid rgba(220, 138, 120, 0.35);
+ outline-offset: 0;
+}
+
+headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+ -gtk-icon-filter: brightness(1.2);
+}
+
+headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ outline-color: transparent;
+}
+
+headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
+ outline-color: transparent;
+ background-color: #e19c8c;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(220, 138, 120, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
+splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.87);
+ outline: 2px solid rgba(0, 0, 0, 0.04);
+ outline-offset: -2px;
+}
+
+placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled {
+ color: rgba(0, 0, 0, 0.3);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area > box > button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.87);
+ outline: 2px solid rgba(0, 0, 0, 0.04);
+ outline-offset: -2px;
+}
+
+filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled {
+ color: rgba(0, 0, 0, 0.3);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.opaque {
+ box-shadow: none;
+}
+
+.osd button.opaque:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.15);
+}
+
+button.opaque:hover {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.keyboard-activating.opaque, button.opaque:active {
+ background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+button.opaque:checked {
+ background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+button.opaque:checked:hover {
+ background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+button.opaque:checked.keyboard-activating, button.opaque:checked:active {
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+button separator {
+ margin: 4px 1px;
+}
+
+button.opaque {
+ background-color: rgba(214, 214, 214, 0.974);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button, button.image-text-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box, button.image-text-button > box,
+button.image-text-button > box > box {
+ border-spacing: 4px;
+}
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label, button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+button.text-button.image-button label:first-child, button.image-text-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child, button.image-text-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+button.arrow-button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+button.arrow-button > box {
+ border-spacing: 4px;
+}
+
+button.arrow-button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.arrow-button.text-button > box {
+ border-spacing: 6px;
+}
+
+menubutton.pill > button, button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-clip: padding-box;
+ font-weight: inherit;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-clip: border-box;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+button.card.keyboard-activating, button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+button.card:checked {
+ background-image: none;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #dc8a78;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ outline-color: transparent;
+ background-color: #e19c8c;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.card:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(220, 138, 120, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.card:checked.keyboard-activating, button.card:checked:active {
+ background-image: none;
+}
+
+button.card:checked.has-open-popup {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #FF7043;
+ box-shadow: inset 0 0 0 1px #FF7043;
+}
+
+.linked:not(.vertical) > button:focus, .linked.vertical > button:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > menubutton > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.35);
+ color: white;
+}
+
+button.osd > image {
+ padding: 0;
+}
+
+button.osd.remove-button {
+ padding: 0;
+}
+
+button.osd:focus {
+ outline-color: transparent;
+}
+
+button.osd:hover {
+ background-color: rgba(0, 0, 0, 0.45);
+ color: white;
+}
+
+button.osd:active {
+ background-color: rgba(0, 0, 0, 0.65);
+ color: white;
+}
+
+button.osd:disabled {
+ background-color: rgba(0, 0, 0, 0.15);
+ color: rgba(255, 255, 255, 0.35);
+}
+
+button.suggested-action {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ outline-color: transparent;
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(220, 138, 120, 0.2), 0 4px 3px 0 rgba(220, 138, 120, 0.14), 0 1px 6px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(165, 104, 90, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(220, 138, 120, 0.3), 0 2px 3px -1px rgba(220, 138, 120, 0.24), 0 2px 5px 0 rgba(220, 138, 120, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(220, 138, 120, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #dc8a78;
+}
+
+button.suggested-action.flat:disabled {
+ color: rgba(0, 0, 0, 0.3);
+ background-color: transparent;
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(220, 138, 120, 0.3);
+}
+
+button.destructive-action {
+ background-color: #E53935;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ outline-color: transparent;
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(229, 57, 53, 0.2), 0 4px 3px 0 rgba(229, 57, 53, 0.14), 0 1px 6px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #ed7472;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(229, 57, 53, 0.3), 0 2px 3px -1px rgba(229, 57, 53, 0.24), 0 2px 5px 0 rgba(229, 57, 53, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #E53935;
+}
+
+button.destructive-action.flat:disabled {
+ color: rgba(0, 0, 0, 0.3);
+ background-color: transparent;
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(229, 57, 53, 0.3);
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box, button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label, button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
+ border-radius: 9999px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
+ padding: 0;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #dc8a78;
+ color: white;
+}
+
+menubutton.destructive-action {
+ background-color: #E53935;
+ color: white;
+}
+
+menubutton.opaque {
+ background-color: rgba(214, 214, 214, 0.974);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+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");
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(0, 0, 0, 0.12);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #dc8a78;
+ color: white;
+}
+
+splitbutton.destructive-action {
+ background-color: #E53935;
+ color: white;
+}
+
+splitbutton.opaque {
+ background-color: rgba(214, 214, 214, 0.974);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+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;
+}
+
+.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+
+list > row button.image-button:not(.flat):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat).suggested-action {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+list > row button.image-button:not(.flat).destructive-action {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #3c84f7;
+}
+
+link:visited {
+ color: #AB47BC;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #AB47BC;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+spinbutton:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: rgba(0, 0, 0, 0.87);
+ outline: 2px solid #dc8a78;
+ outline-offset: -2px;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ outline: none;
+}
+
+spinbutton > text {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ margin: 0;
+}
+
+spinbutton > button {
+ border: none;
+}
+
+spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: none;
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ padding-left: 12px;
+}
+
+spinbutton:not(.vertical) > button {
+ padding: 0;
+ margin: 6px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+cell.activatable spinbutton:not(.vertical) {
+ margin: 3px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button {
+ margin: 0;
+ padding: 0;
+ min-height: 24px;
+ border-radius: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 0;
+}
+
+spinbutton.vertical > text {
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ margin: 6px 9px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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 button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+button.combo:only-child:focus {
+ color: rgba(0, 0, 0, 0.87);
+ outline: 2px solid rgba(0, 0, 0, 0.04);
+ outline-offset: -2px;
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.combo:only-child:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ outline-color: transparent;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar {
+ padding: 6px;
+ background-color: #FFFFFF;
+ border-spacing: 6px;
+}
+
+.osd .toolbar {
+ background-color: transparent;
+}
+
+.app-notification, .toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.bottom.app-notification, .toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+.toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar entry,
+.toolbar spinbutton,
+.toolbar splitbutton,
+.toolbar separator:not(.sidebar),
+.toolbar button,
+.toolbar menubutton,
+.toolbar scalebutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar menubutton > button,
+.toolbar splitbutton > button,
+.toolbar splitbutton > menubutton,
+.toolbar scalebutton > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar switch {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.toolbar spinbutton entry,
+.toolbar spinbutton button {
+ margin: 0;
+}
+
+.toolbar popover.menu separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton {
+ margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+ border: none;
+}
+
+headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+headerbar entry {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar entry:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar entry image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar entry image:hover, headerbar entry image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar entry image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.87);
+ min-height: 48px;
+ padding: 0;
+ margin: 0;
+}
+
+headerbar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar:backdrop {
+ background-color: #dce0e8;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+headerbar.flat, headerbar.flat:backdrop {
+ background: none;
+ box-shadow: none;
+ transition: none;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row.expander image.expander-row-arrow,
+row.expander headerbar image.expander-row-arrow,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row.expander image.expander-row-arrow:backdrop,
+row.expander headerbar image.expander-row-arrow:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+headerbar > windowhandle > box {
+ padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar menubutton,
+headerbar stackswitcher,
+headerbar separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar .linked > menubutton,
+headerbar entry > menubutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+ opacity: 1;
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar popover.background button.suggested-action:disabled,
+headerbar popover.background button.destructive-action:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar popover.background entry,
+headerbar popover.background spinbutton,
+headerbar popover.background button,
+headerbar popover.background menubutton,
+headerbar popover.background stackswitcher {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.sidebar) {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+headerbar.default-decoration windowcontrols menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar {
+ background: #e6e9ef cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(220, 138, 120, 0.2)), linear-gradient(to top, #dde1e9, #e6e9ef 3px, #f9f9fb);
+}
+
+window.devel headerbar:backdrop {
+ background: #e6e9ef cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#e6e9ef);
+ /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+ background-color: alpha(currentColor, 0.08);
+ border: none;
+ box-shadow: none;
+}
+
+
+pathbar > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+
+pathbar > button:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+pathbar > button:checked:hover {
+ background-color: alpha(currentColor, 0.16);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+pathbar > button label,
+pathbar > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.pathbar {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #e0e0e0;
+ border-top-color: #e0e0e0;
+}
+
+columnview.view:hover, columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(0, 0, 0, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view:drop(active).after,
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view:drop(active).before,
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+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(0, 0, 0, 0.6);
+}
+
+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: rgba(0, 0, 0, 0.87);
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+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: rgba(0, 0, 0, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #dc8a78;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #FFFFFF;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ color: #dc8a78;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #dc8a78;
+}
+
+stack.view treeview.view {
+ min-height: 36px;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubar:backdrop {
+ background-color: #dce0e8;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+menubar > item:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background, popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover > arrow,
+popover > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid rgba(255, 255, 255, 0.15);
+ background-clip: border-box;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover > arrow {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+popover > contents {
+ border: none;
+}
+
+popover > contents > list,
+popover > contents > .view,
+popover > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover > contents separator {
+ background-color: rgba(0, 0, 0, 0.12);
+ margin: 3px 0;
+}
+
+popover > contents list separator {
+ margin: 0;
+}
+
+popover > contents list > row {
+ border-radius: 6px;
+}
+
+popover > contents stack > box {
+ padding: 0;
+}
+
+popover > contents > box > button {
+ margin: 0;
+}
+
+popover .view:not(:selected),
+popover toolbar {
+ background-color: #FFFFFF;
+}
+
+popover.menu button,
+popover button.model {
+ min-height: 32px;
+ padding: 0 8px;
+}
+
+popover modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ color: rgba(0, 0, 0, 0.87);
+ font: initial;
+ border-radius: 6px;
+}
+
+popover modelbutton:focus:not(:hover) {
+ transition: none;
+ box-shadow: none;
+ outline: none;
+}
+
+popover modelbutton:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+popover modelbutton accelerator {
+ color: rgba(0, 0, 0, 0.38);
+ margin-left: 30px;
+}
+
+popover modelbutton accelerator:disabled {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+popover modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+.osd popover, popover.touch-selection, popover.magnifier {
+ background-color: transparent;
+}
+
+magnifier {
+ background-color: #FFFFFF;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 6px;
+ border: none;
+ background-clip: padding-box;
+ font-weight: 500;
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+tabbar tab:disabled, notebook > header > tabs > tab:disabled {
+ color: rgba(0, 0, 0, 0.3);
+ background-color: transparent;
+}
+
+tabbar tab:active, notebook > header > tabs > tab:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #FFFFFF;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header > tabs > tab {
+ margin: 3px;
+}
+
+notebook > header > tabs > tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top > tabs, notebook > header.bottom > tabs {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left > tabs, notebook > header.right > tabs {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin: 0 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar > revealer > box {
+ box-shadow: none;
+}
+
+tabbar .box {
+ min-height: 36px;
+ border-bottom: none;
+ background: none;
+}
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid rgba(0, 0, 0, 0.12);
+}
+
+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 > background:dir(ltr) {
+ box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12);
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(rtl) {
+ box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12);
+}
+
+tabbar undershoot {
+ transition: background 150ms ease-in-out;
+}
+
+tabbar undershoot.left {
+ background: linear-gradient(to right, #FFFFFF, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar undershoot.right {
+ background: linear-gradient(to left, #FFFFFF, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar tabbox {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-image: none;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+tabbar tabbox > background {
+ background: none;
+}
+
+tabbar tabbox > separator {
+ margin: 9px 0;
+ min-width: 1px;
+ transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+ opacity: 0;
+}
+
+tabbar tabbox > tabboxchild {
+ margin: 0 -3px;
+ padding: 0;
+}
+
+tabbar tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#dc8a78, 0.4) 10%, alpha(#dc8a78, 0) 30%);
+}
+
+tabbar tab.needs-attention:hover {
+ background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#dc8a78, 0.4) 10%, alpha(#dc8a78, 0) 30%);
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ background-color: rgba(0, 0, 0, 0.04);
+ background-clip: padding-box;
+ border-color: rgba(0, 0, 0, 0.12);
+ 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;
+}
+
+tabbar:not(.inline) scrolledwindow.pinned undershoot {
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+tabbar:not(.inline) undershoot.left {
+ background: linear-gradient(to right, #e6e9ef, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) undershoot.right {
+ background: linear-gradient(to left, #e6e9ef, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#dc8a78, 0.5), alpha(#dc8a78, 0.3) 1px, alpha(#dc8a78, 0) 20px);
+}
+
+tabbar:not(.inline) tabbox > background {
+ background-color: #e6e9ef;
+}
+
+tabbar:not(.inline) .start-action,
+tabbar:not(.inline) .end-action {
+ background-color: alpha(#e6e9ef, 0.6);
+ border-color: rgba(0, 0, 0, 0.12);
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: #dce0e8;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #e6e9ef;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+ outline: 1px solid rgba(0, 0, 0, 0.12);
+ outline-offset: -1px;
+ margin: 24px;
+}
+
+dnd tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#dc8a78, 0.4) 10%, alpha(#dc8a78, 0) 30%);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab button.image-button.tab-close-button,
+dnd tab button.image-button.tab-close-button {
+ margin-right: -3px;
+}
+
+tabview:drop(active),
+tabbox:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FFFFFF;
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+scrollbar > range > trough {
+ border: none;
+ background: none;
+ padding: 0;
+ outline: none;
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(0, 0, 0, 0.38);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(255, 255, 255, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+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");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(0, 0, 0, 0.38);
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #dc8a78;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+ box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 3px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ border: none;
+ color: transparent;
+ background-color: rgba(0, 0, 0, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.04);
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.15);
+ background-color: #e7ada1;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(220, 138, 120, 0.2);
+ background-color: #dc8a78;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(220, 138, 120, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check {
+ -gtk-icon-size: 20px;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg")));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg")));
+}
+
+
+radio {
+ -gtk-icon-size: 20px;
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg")));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu check {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg")));
+}
+
+
+popover.menu check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg")));
+}
+
+
+popover.menu radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg")));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view radio, treeview.view check,
+columnview.view radio,
+columnview.view check {
+ padding: 0;
+ margin: 0;
+ transition: none;
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover,
+columnview.view radio,
+columnview.view radio:hover,
+columnview.view radio:disabled,
+columnview.view radio:checked:hover,
+columnview.view radio:indeterminate:hover,
+columnview.view check,
+columnview.view check:hover,
+columnview.view check:disabled,
+columnview.view check:checked:hover,
+columnview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio,
+columnview.view:hover check,
+columnview.view:hover radio,
+columnview.view:selected check,
+columnview.view:selected radio,
+columnview.view:focus check,
+columnview.view:focus radio {
+ box-shadow: none;
+}
+
+treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked,
+columnview.view:hover check:checked,
+columnview.view:hover radio:checked,
+columnview.view:selected check:checked,
+columnview.view:selected radio:checked,
+columnview.view:focus check:checked,
+columnview.view:focus radio:checked {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale > trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale > trough:disabled {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+scale > trough > highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#dc8a78);
+}
+
+scale > trough > highlight:disabled {
+ background-color: #FFFFFF;
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+scale > trough > fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+scale > trough > fill:disabled {
+ background-color: transparent;
+}
+
+scale > trough > slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #dc8a78;
+ background-color: #FFFFFF;
+ box-shadow: inset 0 0 0 2px #dc8a78;
+}
+
+scale > trough > slider:hover {
+ box-shadow: inset 0 0 0 2px #dc8a78, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale > trough > slider:active {
+ box-shadow: inset 0 0 0 4px #dc8a78, 0 0 0 8px rgba(0, 0, 0, 0.12);
+}
+
+scale > trough > slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3);
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune > trough > slider {
+ margin: -7px;
+}
+
+scale > marks,
+scale > value {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+scale indicator {
+ background-color: rgba(0, 0, 0, 0.26);
+ color: transparent;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+ transform: rotate(0);
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) > trough > slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(0, 0, 0, 0.6);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #dc8a78;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #dc8a78;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FFD600;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #dc8a78;
+}
+
+levelbar block.full {
+ background-color: #4CAF50;
+}
+
+levelbar block.empty {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: rgba(0, 0, 0, 0.87);
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: border-box;
+ border: none;
+}
+
+actionbar > revealer > box button, actionbar > revealer > box entry,
+actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button,
+actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button,
+actionbar > revealer > box spinbutton {
+ margin: 0;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: right;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border: none;
+ background-image: none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+ background-image: none;
+}
+
+/*********
+ * Lists *
+ *********/
+list.content,
+list.boxed-list {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+listview,
+list {
+ border-color: rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ background-clip: padding-box;
+}
+
+listview > row,
+list > row {
+ padding: 6px;
+ background-clip: padding-box;
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child),
+list.horizontal row.separator:not(:last-child),
+list.separators.horizontal > row:not(.separator):not(:last-child) {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child),
+list:not(.horizontal) row.separator:not(:last-child),
+list.separators:not(.horizontal) > row:not(.separator):not(:last-child) {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+ border-radius: 6px;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(0, 0, 0, 0.6);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0;
+ outline: none;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus,
+treeview.view > header > button:focus, row.activatable:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: none;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover,
+treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: alpha(currentColor, 0.05);
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.05);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected,
+treeview.view > header > button:selected, row.activatable:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover,
+treeview.view > header > button:selected:hover, row.activatable:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+button row.activatable:focus, button row.activatable:hover, button row.activatable:active {
+ box-shadow: none;
+ background: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: inherit;
+ box-shadow: none;
+}
+
+row:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus, row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus:hover, row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+row:selected image,
+row:selected label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row:last-child {
+ border-bottom: none;
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ border-spacing: 6px;
+ min-height: 50px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.45);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+ padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+ padding: 0;
+ font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+ border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+ margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+ margin-left: 6px;
+}
+
+row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active {
+ background-color: transparent;
+}
+
+row.entry .edit-icon, row.entry .indicator {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 5px;
+}
+
+row.entry .edit-icon:disabled {
+ opacity: 0.5;
+}
+
+row.entry .indicator {
+ opacity: 0.65;
+}
+
+row.entry.monospace {
+ font-family: inherit;
+}
+
+row.entry.monospace text {
+ font-family: monospace;
+}
+
+row.entry.error text > selection:focus-within {
+ background-color: alpha(#E53935, 0.2);
+}
+
+row.entry.error text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.warning text > selection:focus-within {
+ background-color: alpha(#FFD600, 0.2);
+}
+
+row.entry.warning text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.success text > selection:focus-within {
+ background-color: alpha(#4CAF50, 0.2);
+}
+
+row.entry.success text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.combo image.dropdown-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.combo listview.inline {
+ background: none;
+ border: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+ background: none;
+ color: inherit;
+}
+
+row.combo popover > contents {
+ min-width: 120px;
+}
+
+list.content > row, list.content > row.expander row.header,
+list.boxed-list > row,
+list.boxed-list > row.expander row.header, row.expander list.nested > row {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover,
+list.boxed-list > row:not(:selected).activatable:hover,
+list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active,
+list.boxed-list > row:not(:selected).activatable:active,
+list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup,
+list.boxed-list > row:not(:selected).activatable.has-open-popup,
+list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup {
+ background-color: alpha(currentColor, 0.03);
+}
+
+row.expander {
+ background: none;
+ padding: 0px;
+}
+
+row.expander > box > list {
+ background: none;
+ color: inherit;
+}
+
+row.expander list.nested {
+ color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+ transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ margin-left: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ margin-right: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander image.expander-row-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.expander:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn);
+ opacity: 1;
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: #dc8a78;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: inherit;
+}
+
+list.content > row.expander,
+list.boxed-list > row.expander {
+ border: none;
+}
+
+list.content > row:first-child, list.content > row:first-child.expander row.header,
+list.boxed-list > row:first-child,
+list.boxed-list > row:first-child.expander row.header {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:last-child,
+list.boxed-list > row:last-child.expander:not(:checked),
+list.boxed-list > row:last-child.expander:not(:checked) row.header,
+list.boxed-list > row:last-child.expander:checked list.nested,
+list.boxed-list > row:last-child.expander:checked list.nested > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ border-bottom-width: 0;
+}
+
+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: rgba(0, 0, 0, 0.12);
+}
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+treeexpander {
+ border-spacing: 6px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #dc8a78;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 6px;
+ border-spacing: 0;
+ padding: 0;
+ border: none;
+ background-image: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #dc8a78;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(0, 0, 0, 0.6);
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+expander:hover, expander:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.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 {
+ padding: 0;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+calendar:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 6px;
+ margin: 0;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 6px;
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button {
+ border-radius: 0;
+ min-height: 28px;
+ padding: 6px 12px;
+ margin: 0;
+ border: none;
+}
+
+window.messagedialog .response-area > box > button:first-child, window.dialog.message .dialog-action-area > button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+window.messagedialog .response-area > box > button:last-child, window.dialog.message .dialog-action-area > button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+window.messagedialog .response-area > box > button:only-child, window.dialog.message .dialog-action-area > button:only-child {
+ border-radius: 0 0 12px 12px;
+}
+
+window.dialog.message.background {
+ background-color: #FFFFFF;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ margin-top: 6px;
+ border-spacing: 24px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box.vertical {
+ margin-bottom: 6px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+window.dialog.message .dialog-action-area {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog.message .dialog-action-area > button {
+ border: none;
+}
+
+window.dialog.message .dialog-action-area > button:not(:last-child) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) {
+ color: #dc8a78;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
+ color: #E53935;
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
+}
+
+/********************
+ * AdwMessageDialog *
+ ********************/
+window.messagedialog {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.messagedialog .message-area {
+ padding: 24px 30px;
+ border-spacing: 10px;
+}
+
+window.messagedialog .response-area > box > button.suggested {
+ color: #dc8a78;
+}
+
+window.messagedialog .response-area > box > button.destructive {
+ color: #E53935;
+}
+
+window.messagedialog.csd:not(.solid-csd) {
+ border-radius: 12px;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button {
+ margin: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child {
+ margin-left: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child {
+ margin-right: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+ margin-bottom: 0;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #dce0e8;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+ border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+ background-color: transparent;
+ color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 6px;
+ background-color: #dce0e8;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+stacksidebar row:selected {
+ font-weight: 500;
+}
+
+stacksidebar row + row {
+ margin-top: 4px;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(0, 0, 0, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ padding: 4.5px 0;
+ border-right: none;
+}
+
+.navigation-sidebar, .navigation-sidebar.view {
+ background-color: transparent;
+ color: inherit;
+}
+
+.navigation-sidebar.background {
+ background-color: #dce0e8;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.navigation-sidebar > separator {
+ margin: 4.5px 0;
+}
+
+.navigation-sidebar > row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+ margin: 1.5px 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+placessidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar list > separator {
+ margin: 3px 0;
+}
+
+placessidebar row:selected {
+ font-weight: 500;
+}
+
+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 {
+ color: inherit;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar row.sidebar-new-bookmark-row {
+ color: #dc8a78;
+}
+
+placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #dc8a78;
+}
+
+placessidebar row:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ 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(#e0e0e0);
+ background-size: 1px 1px;
+ background-clip: content-box;
+ box-shadow: none;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #FFFFFF;
+ background-image: image(#e0e0e0), image(#e0e0e0);
+ 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;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #dc8a78;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #e19c8c;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FFD600;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #ffda1a;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #E53935;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #e84f4c;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+}
+
+tooltip.background {
+ background-color: rgba(43, 43, 59, 0.9);
+ color: #FFFFFF;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ border-radius: 6px;
+ margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorchooser colorswatch:hover {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 0 0 2px #dc8a78;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #FFFFFF;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+ border: none;
+}
+
+window.csd {
+ border-radius: 12px;
+ outline-offset: -1px;
+ outline: 1px solid rgba(255, 255, 255, 0.15);
+ margin: 0;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+}
+
+window.csd:backdrop {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+ border-radius: 0;
+ transition: none;
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #e6e9ef;
+ border: 1px solid #e0e0e0;
+}
+
+window.solid-csd:backdrop {
+ background-color: #dce0e8;
+}
+
+window.ssd {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
+ padding: 0;
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ color: white;
+}
+
+windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
+ background-color: #df8e1d;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(177, 113, 23, 0.9675);
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
+ background-color: #40a02b;
+}
+
+windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(51, 127, 34, 0.9675);
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ background-color: #d20f39;
+}
+
+windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(167, 12, 45, 0.9675);
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+ margin-right: 9px;
+ margin-left: 9px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+ margin-left: 9px;
+ margin-right: 9px;
+}
+
+.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected,
+treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+flowbox > flowboxchild:selected, calendar > grid > label.today {
+ color: #dc8a78;
+ background-color: rgba(220, 138, 120, 0.2);
+}
+
+textview text selection:focus, textview text selection, label > selection,
+entry > text > selection, spinbutton > text > selection,
+entry headerbar popover.background entry > text > selection,
+headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #dc8a78;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #dc8a78;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(0, 0, 0, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #dc8a78;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ margin: 6px 0;
+ border-radius: 9px;
+ background-color: rgba(0, 0, 0, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: white;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1);
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #dc8a78;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover,
+emoji-completion-row emoji:hover, emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+.nautilus-window placesview label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusQueryEditor > menubutton > button.image-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button {
+ margin: 6px 0;
+}
+
+#NautilusQueryEditorTag {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+#NautilusQueryEditorTag > button.image-button {
+ margin: 0;
+ padding: 0;
+}
+
+#NautilusPathBar {
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathButton.current-dir {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.display-container.card {
+ border-radius: 0;
+ box-shadow: none;
+ border-width: 0 0 1px 0;
+}
+
+.display-container .history-view {
+ background-color: #FFFFFF;
+}
+
+.display-container #displayitem {
+ padding: 0 12px 8px 0;
+ font-size: 1.4em;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.math-buttons button {
+ font-size: 1.1em;
+ padding: 2px 6px;
+}
+
+.math-buttons button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+leaflet button.number-button {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px;
+}
+
+label.primary-label, label.month-name {
+ color: #dc8a78;
+}
+
+label.secondary-label {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+calendar-view {
+ font-size: 10pt;
+}
+
+calendar-view:selected {
+ color: #dc8a78;
+ font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+calendar-view.current,
+weekgrid.current {
+ background-color: alpha(#dc8a78, 0.3);
+}
+
+popover.events {
+ background-color: #FFFFFF;
+ padding: 0;
+}
+
+popover.events box {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+popover.events list {
+ background-color: #FFFFFF;
+ border-radius: 6px;
+}
+
+popover.events scrolledwindow {
+ border-width: 0;
+}
+
+popover.events button {
+ border-radius: 6px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-style: solid none none;
+ box-shadow: none;
+}
+
+event {
+ margin: 1px;
+ font-size: 0.9rem;
+}
+
+event widget.content {
+ margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+ border-radius: 6px;
+}
+
+event.timed widget.edge {
+ border-radius: 3px;
+ min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+ padding-left: 16px;
+ border-radius: 0 3px 3px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+ padding-right: 16px;
+ border-radius: 3px 0 0 3px;
+}
+
+event:not(.timed).color-dark {
+ color: white;
+ outline-color: rgba(0, 0, 0, 0.3);
+}
+
+event.timed, event:not(.timed).color-light {
+ color: alpha(black, 0.75);
+ outline-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+ padding: 0;
+}
+
+.search-viewport {
+ background-color: #FFFFFF;
+}
+
+.calendar-list {
+ background-color: transparent;
+}
+
+.calendar-list > list {
+ border-radius: 4px;
+}
+
+.sources-button {
+ margin-top: 0;
+ margin-bottom: 0;
+ border-radius: 0;
+ border-top-style: none;
+ border-bottom-style: none;
+}
+
+.sources-button:hover:not(:backdrop) {
+ background-image: none;
+ text-shadow: none;
+}
+
+.calendar-color-image {
+ -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+ -gtk-icon-shadow: 0 1px alpha(black, 0.1);
+}
+
+datechooser navigator {
+ margin-right: 6px;
+ margin-left: 6px;
+ margin-bottom: 6px;
+}
+
+datechooser navigator label {
+ font-weight: bold;
+}
+
+datechooser navigator button, datechooser navigator button.image-button {
+ min-height: 36px;
+ min-width: 36px;
+ padding: 0;
+}
+
+datechooser .weeknum, datechooser .weekday {
+ color: rgba(0, 0, 0, 0.38);
+ font-size: smaller;
+}
+
+datechooser button.day {
+ font-size: 10pt;
+ font-weight: normal;
+ margin: 3px;
+ padding: 0;
+ min-height: 36px;
+ min-width: 36px;
+ transition: none;
+}
+
+datechooser button.day dot {
+ background-color: rgba(0, 0, 0, 0.87);
+ border-radius: 50%;
+ min-height: 3px;
+ min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected {
+ background-color: #dc8a78;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+datechooser button.day.today {
+ color: #dc8a78;
+}
+
+datechooser button.day.today dot {
+ background-color: #dc8a78;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop {
+ color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot {
+ background-color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot {
+ background-color: rgba(0, 0, 0, 0.38);
+}
+
+.week-header {
+ padding: 0;
+}
+
+.week-header > box:first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.week-header .week-number {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px 12px 18px 12px;
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.week-header.week-temperature {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.week-header.lines {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+weekhourbar > label {
+ font-size: 10pt;
+ padding: 4px 6px;
+}
+
+.week-view .lines {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+weekgrid > widget.now-strip {
+ background-color: alpha(#dc8a78, 0.8);
+ margin: 0 0 0 1px;
+ min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+ background-color: alpha(#dc8a78, 0.25);
+}
+
+monthcell {
+ border: solid 1px rgba(0, 0, 0, 0.12);
+ border-width: 1px 0 0 1px;
+ background-color: transparent;
+ transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+ background-color: #dce0e8;
+ transition: background-color 200ms;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+monthcell:selected {
+ background-color: alpha(#dc8a78, 0.1);
+}
+
+monthcell:selected:hover {
+ background-color: alpha(#dc8a78, 0.2);
+}
+
+monthcell:selected label.day-label {
+ font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+ border-left-width: 0;
+}
+
+monthcell.today {
+ background-color: alpha(#dc8a78, 0.2);
+}
+
+monthcell.today:hover {
+ background-color: alpha(#dc8a78, 0.3);
+ color: #dc8a78;
+}
+
+monthcell.today:selected {
+ background-color: alpha(#dc8a78, 0.25);
+}
+
+monthcell.today:selected:hover {
+ background-color: alpha(#dc8a78, 0.35);
+}
+
+monthcell label {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+ font-size: 1rem;
+}
+
+monthcell.out-of-month {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+monthcell.out-of-month label {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+monthcell button {
+ padding: 0 6px;
+ border-radius: 0;
+ border-bottom: none;
+ border-right: none;
+}
+
+monthpopover > box {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+}
+
+.notes-section box > textview {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.notes-section box > textview > text {
+ background: none;
+}
+
+agenda-view list > row {
+ padding: 2px 12px;
+}
+
+agenda-view list > label {
+ padding: 6px 12px;
+}
+
+label.no-events {
+ font-style: italic;
+}
+
+searchbutton > popover > arrow {
+ background: none;
+ border: none;
+}
+
+datechooser {
+ padding: 6px;
+}
+
+datechooser .current-week {
+ background: alpha(#e6e9ef, 0.7);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 6px;
+}
+
+menubutton stack > box {
+ border-spacing: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+.details-page {
+ margin: 24px 0px;
+}
+
+.installed-overlay-box {
+ font-size: smaller;
+ background-color: #dc8a78;
+ border-radius: 0;
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+screenshot-carousel box.frame {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+ margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+ margin-top: 6px;
+ margin-bottom: 12px;
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+.app-tile-label {
+ font-size: 105%;
+}
+
+.review-textbox {
+ padding: 6px;
+}
+
+.origin-rounded-box {
+ background-color: rgba(0, 0, 0, 0.12);
+ border-radius: 9999px;
+ padding: 4px;
+}
+
+.origin-beta {
+ color: #FFD600;
+}
+
+.origin-button > button {
+ padding: 3px 9px;
+}
+
+button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+ min-width: 140px;
+ font-weight: 900;
+ font-size: larger;
+}
+
+button.card.category-tile.category-tile-iconless {
+ padding: 9px 15px;
+ min-width: 130px;
+ font-size: 105%;
+ font-weight: normal;
+}
+
+button.card.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:hover {
+ background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:active {
+ background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-develop {
+ background: #5e5c64;
+ color: white;
+}
+
+button.card.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+ color: white;
+}
+
+button.card.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+ color: white;
+}
+
+button.card.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:hover {
+ background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:active {
+ background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:hover {
+ background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:active {
+ background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(0, 0, 0, 0.6);
+}
+
+button.card.category-tile.category-socialize:hover {
+ background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+button.card.category-tile.category-socialize:active {
+ background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+button.card.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+button.card.category-tile.category-work:hover {
+ color: #1c71d8;
+ background-color: #fefcef;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px);
+}
+
+button.card.category-tile.category-work:active {
+ color: #1c71d8;
+ background-color: #fcf4bf;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+ font-size: larger;
+}
+
+.featured-tile {
+ all: unset;
+ padding: 0;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.featured-tile label.title-1 {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+ font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+ background-color: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.application-details-infobar.warning {
+ background-color: #FFD600;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+@keyframes install-progress-unknown-move {
+ 0% {
+ background-position: 0%;
+ }
+ 50% {
+ background-position: 100%;
+ }
+ 100% {
+ background-position: 0%;
+ }
+}
+
+.application-details-description .button {
+ padding-left: 24px;
+ padding-right: 24px;
+}
+
+.install-progress {
+ background-image: linear-gradient(to top, #dc8a78 2px, alpha(#dc8a78, 0) 2px);
+ background-repeat: no-repeat;
+ background-position: 0 bottom;
+ background-size: 0;
+ transition: none;
+}
+
+.install-progress:dir(rtl) {
+ background-position: 100% bottom;
+}
+
+.review-row > * {
+ margin: 12px;
+}
+
+.review-row button {
+ font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+ margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+ border-image: linear-gradient(to top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+ border-image: none;
+}
+
+review-bar {
+ color: rgba(0, 0, 0, 0.38);
+ background-image: none;
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.review-histogram star-image {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.version-arrow-label {
+ font-size: x-small;
+}
+
+.overview-more-button {
+ font-size: smaller;
+ padding: 0 16px;
+}
+
+.app-row-origin-text {
+ font-size: smaller;
+}
+
+.app-listbox-header {
+ padding: 6px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.image-list {
+ background-color: transparent;
+}
+
+box.star {
+ background-color: transparent;
+ background-image: none;
+}
+
+button.star {
+ outline-offset: 0;
+ background-color: transparent;
+ background-image: none;
+ border-image: none;
+ border-radius: 0;
+ border-width: 0;
+ padding: 0;
+ box-shadow: none;
+ outline-offset: -1px;
+}
+
+star-image {
+ color: #FFD600;
+}
+
+.dimmer-label {
+ opacity: 0.25;
+}
+
+.update-failed-details {
+ font-family: Monospace;
+ font-size: smaller;
+ padding: 16px;
+}
+
+.upgrade-banner {
+ padding: 0px;
+ border-radius: 6px;
+ border: none;
+}
+
+.upgrade-banner-background {
+ background: linear-gradient(to bottom, #66BB6A, #5b9bf8);
+ color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+ margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+ margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+ margin-top: 12px;
+}
+
+clamp.status-page {
+ margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+ min-height: 128px;
+ min-width: 128px;
+}
+
+clamp.status-page .icon {
+ color: rgba(0, 0, 0, 0.38);
+ min-height: 32px;
+ min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-color: transparent;
+ border-radius: 0;
+ padding: 24px 12px 21px 12px;
+ outline-offset: 5px;
+ transition-property: outline, outline-offset, background-image;
+ border-bottom: none;
+ border-right: none;
+}
+
+app-context-bar .context-tile:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+ outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+ border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+ border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(0, 0, 0, 0.12);
+}
+
+carousel.card {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.04);
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+ font-size: 18px;
+ font-weight: bold;
+ border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+ font-size: 24px;
+ padding: 16px;
+ min-width: 24px;
+ /* 60px minus the left and right padding */
+ min-height: 24px;
+ /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+ margin-top: -28px;
+ margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+ -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+ color: #357a38;
+ background-color: rgba(76, 175, 80, 0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+ color: #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+ color: #b39600;
+ background-color: rgba(255, 214, 0, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+ color: #b61b17;
+ background-color: rgba(229, 57, 53, 0.15);
+}
+
+.eol-red {
+ font-weight: bold;
+ color: #E53935;
+}
+
+window.narrow .app-title {
+ font-size: 16pt;
+}
+
+window.narrow .app-developer {
+ font-size: small;
+}
+
+.install-progress-label {
+ font-size: smaller;
+ font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+ margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+ -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);
+}
+
+window.info scrollbar.vertical {
+ margin-top: 48px;
+ background: none;
+ box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+ margin-top: 0;
+}
+
+row.app > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+row.app > box.header {
+ border-spacing: 12px;
+}
+
+row.app > box.header > image {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+row.app label.warning {
+ color: #E53935;
+}
+
+@keyframes pre-delay {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 0;
+ }
+}
+
+@keyframes fade-in {
+ from {
+ filter: opacity(0%);
+ }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+ animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+ animation-delay: 0s, 0.5s, 0.5s;
+}
+
+window > contents > leaflet > box > stack.background {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, transparent 48px, #FFFFFF 48px, #FFFFFF);
+}
+
+@define-color weather_temp_chart_fill_color rgba(255, 214, 0, 0.5);
+@define-color weather_temp_chart_stroke_color #ccab00;
+@define-color weather_thermometer_warm_color #FFD600;
+@define-color weather_thermometer_cold_color #3c84f7;
+#places-label {
+ font-weight: bold;
+}
+
+#temperature-label {
+ font-size: 32pt;
+ font-weight: 900;
+ margin-left: 9px;
+}
+
+#conditions-grid *:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.content-view.cell {
+ font-weight: bold;
+}
+
+#locationEntry {
+ margin: 6px;
+}
+
+.weather-popover {
+ margin-top: 6px;
+}
+
+.forecast-card {
+ transition: border-radius 100ms ease-out;
+ border-radius: 6px;
+}
+
+.forecast-card separator {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+#daily-forecast-box > separator:last-child {
+ background-color: transparent;
+ min-width: 0;
+}
+
+#conditions-grid,
+#attributionGrid {
+ margin-left: 18px;
+ margin-right: 18px;
+}
+
+#weather-page .small .forecast-card {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 0;
+ border-width: 1px 0;
+}
+
+.forecast-temperature-label {
+ font-weight: bold;
+ color: #ae7b03;
+}
+
+WeatherThermometer {
+ margin-bottom: 12px;
+}
+
+WeatherThermometer > label.high {
+ font-weight: bold;
+ color: #FBC02D;
+}
+
+WeatherThermometer > label.low {
+ font-weight: bold;
+ color: #5b9bf8;
+}
+
+.forecast-button {
+ margin: 0 12px;
+}
+
+.forecast-graphic {
+ margin: 18px;
+}
+
+button.osd.circular {
+ border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+button.osd.circular > image {
+ padding: 0;
+}
+
+scrolledwindow.inline list,
+scrolledwindow.inline listview {
+ background: none;
+ color: inherit;
+}
+
+scrolledwindow.inline undershoot.top {
+ box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
+}
+
+.search-view {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.search-view menubutton button:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+image.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.large-button {
+ padding: 6px;
+}
+
+.alarm-time {
+ font-size: 2.5em;
+ font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+ font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+ font-size: 6em;
+ font-weight: 300;
+}
+
+.clocks-ringing-title {
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+ font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+ font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+ font-size: 20pt;
+ font-weight: 300;
+}
+
+.timer-countdown {
+ font-size: 40pt;
+ font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+ font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+ font-size: 70px;
+ font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+ color: #dc8a78;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+ font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.clock-location {
+ font-weight: bolder;
+}
+
+.hidden {
+ opacity: 0;
+}
+
+.clock-time {
+ font-size: 2em;
+ padding: 0.2em 0.5em;
+ border-radius: 1em;
+}
+
+.none .clock-time {
+ background: alpha(currentColor, 0.2);
+}
+
+.night .clock-time {
+ color: #3c84f7;
+ background-color: alpha(#5b9bf8, 0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+ color: #FF7043;
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+ color: #FFD600;
+ background: alpha(#FBC02D, 0.25);
+}
+
+headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+popover.background.global-search > arrow, popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 3px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: #dce0e8;
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(0, 0, 0, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(0, 0, 0, 0.26);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #dc8a78;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ 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: white;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ background-clip: border-box;
+ color: rgba(0, 0, 0, 0.6);
+ box-shadow: none;
+ outline: none;
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.card.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.card.activatable:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+.card.activatable:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: rgba(0, 0, 0, 0.87);
+ outline: 0 solid transparent;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.15);
+ background-color: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ border-spacing: 3px;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+}
+
+viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 6px;
+ padding-bottom: 4px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 2px 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ background-color: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 1px 4px;
+ color: white;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #dc8a78;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(0, 0, 0, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(0, 0, 0, 0.26);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #dc8a78;
+}
+
+preferencesgroup > box .cutout-button {
+ background-color: #dce0e8;
+}
+
+window.about .main-page > viewport > clamp > box {
+ margin: 12px;
+ border-spacing: 6px;
+}
+
+window.about .main-page > viewport > clamp > box > box {
+ margin-top: 18px;
+ border-spacing: 18px;
+ margin-bottom: 6px;
+}
+
+window.about .main-page .app-version {
+ padding: 3px 18px;
+ color: #dc8a78;
+ border-radius: 6px;
+ margin-top: 3px;
+}
+
+window.about .subpage > viewport > clamp > box {
+ margin: 18px 12px;
+ border-spacing: 18px;
+}
+
+window.about .subpage > clamp > textview {
+ background: none;
+ color: inherit;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color */
+@define-color theme_bg_color #FFFFFF;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #FFFFFF;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #FFFFFF;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #dce0e8;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #FFFFFF;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #FFFFFF;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #dc8a78;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
+/*
+widgets main borders color */
+@define-color borders rgba(0, 0, 0, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(0, 0, 0, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FFD600;
+@define-color error_color #E53935;
+@define-color success_color #4CAF50;
+/*
+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 rgba(0, 0, 0, 0.87);
+@define-color wm_unfocused_title rgba(0, 0, 0, 0.6);
+@define-color wm_highlight rgba(255, 255, 255, 0.15);
+@define-color wm_border #a6a6a6;
+@define-color wm_bg #e6e9ef;
+@define-color wm_unfocused_bg #dce0e8;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #d20f39;
+@define-color wm_button_close_active_bg #990b29;
+@define-color wm_button_max_hover_bg #40a02b;
+@define-color wm_button_max_active_bg #2d701e;
+@define-color wm_button_min_hover_bg #df8e1d;
+@define-color wm_button_min_active_bg #a96c16;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #FFFFFF;
+@define-color placeholder_text_color #666666;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #FFFFFF;
+@define-color budgie_tasklist_indicator_color rgba(0, 0, 0, 0.26);
+@define-color budgie_tasklist_indicator_color_active #dc8a78;
+@define-color budgie_tasklist_indicator_color_active_window #e1b6af;
+@define-color budgie_tasklist_indicator_color_attention #FFD600;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@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;
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+@define-color accent_bg_color #dc8a78;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #dc8a78;
+@define-color destructive_bg_color #E53935;
+@define-color destructive_fg_color #FFFFFF;
+@define-color destructive_color #E53935;
+@define-color success_bg_color #4CAF50;
+@define-color success_fg_color #FFFFFF;
+@define-color success_color #4CAF50;
+@define-color warning_bg_color #FFD600;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FFD600;
+@define-color error_bg_color #E53935;
+@define-color error_fg_color #FFFFFF;
+@define-color error_color #E53935;
+@define-color window_bg_color #FFFFFF;
+@define-color window_fg_color rgba(0, 0, 0, 0.87);
+@define-color view_bg_color #FFFFFF;
+@define-color view_fg_color rgba(0, 0, 0, 0.87);
+@define-color headerbar_bg_color #e6e9ef;
+@define-color headerbar_fg_color rgba(0, 0, 0, 0.87);
+@define-color headerbar_border_color rgba(0, 0, 0, 0.12);
+@define-color headerbar_backdrop_color #dce0e8;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.12);
+@define-color card_bg_color #FFFFFF;
+@define-color card_fg_color rgba(0, 0, 0, 0.87);
+@define-color card_shade_color rgba(0, 0, 0, 0.12);
+@define-color dialog_bg_color #dce0e8;
+@define-color dialog_fg_color rgba(0, 0, 0, 0.87);
+@define-color popover_bg_color #FFFFFF;
+@define-color popover_fg_color rgba(0, 0, 0, 0.87);
+@define-color shade_color rgba(0, 0, 0, 0.12);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.12);
diff --git a/src/themes/Catppuccin-Latte/gtk-4.0/thumbnail.png b/src/themes/Catppuccin-Latte/gtk-4.0/thumbnail.png
new file mode 100644
index 00000000..00f93cf8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/gtk-4.0/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Latte/index.theme b/src/themes/Catppuccin-Latte/index.theme
new file mode 100644
index 00000000..4a58aa18
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Catppuccin-Pink-Light
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Catppuccin-Pink-Light
+MetacityTheme=Catppuccin-Pink-Light
+IconTheme=Tela-circle
+CursorTheme=Catppuccin-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/button.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/button.svg
new file mode 100644
index 00000000..aa092dff
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/button.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/close.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/close.svg
new file mode 100644
index 00000000..fb798d73
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/close.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/maximize.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/maximize.svg
new file mode 100644
index 00000000..0c2f1700
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/maximize.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/menu.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/menu.svg
new file mode 100644
index 00000000..179ff4c4
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/menu.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/minimize.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/minimize.svg
new file mode 100644
index 00000000..76fe7cbd
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/minimize.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/shade.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/shade.svg
new file mode 100644
index 00000000..8213b036
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/shade.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/unmaximize.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/unmaximize.svg
new file mode 100644
index 00000000..8d60a570
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/assets/unshade.svg b/src/themes/Catppuccin-Latte/metacity-1/assets/unshade.svg
new file mode 100644
index 00000000..a1615644
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/assets/unshade.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-1.xml b/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-1.xml
new file mode 100644
index 00000000..582cc8ef
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-1.xml
@@ -0,0 +1,755 @@
+
+
+
+ Colloid
+ vinceliucie
+ GPL
+ 2022
+ Colloid Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-2.xml b/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-2.xml
new file mode 100644
index 00000000..582cc8ef
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,755 @@
+
+
+
+ Colloid
+ vinceliucie
+ GPL
+ 2022
+ Colloid Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-3.xml b/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-3.xml
new file mode 100644
index 00000000..582cc8ef
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,755 @@
+
+
+
+ Colloid
+ vinceliucie
+ GPL
+ 2022
+ Colloid Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/themes/Catppuccin-Latte/metacity-1/thumbnail.png b/src/themes/Catppuccin-Latte/metacity-1/thumbnail.png
new file mode 100644
index 00000000..951e800a
Binary files /dev/null and b/src/themes/Catppuccin-Latte/metacity-1/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Latte/plank/dock.theme b/src/themes/Catppuccin-Latte/plank/dock.theme
new file mode 100644
index 00000000..a4029c96
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/plank/dock.theme
@@ -0,0 +1,64 @@
+#This file based on:
+#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme
+
+[PlankTheme]
+#The roundness of the top corners.
+TopRoundness=16
+#The roundness of the bottom corners.
+BottomRoundness=0
+#The thickness (in pixels) of lines drawn.
+LineWidth=0
+#The color (RGBA) of the outer stroke.
+OuterStrokeColor=0;;0;;0;;0
+#The starting color (RGBA) of the fill gradient.
+FillStartColor=242;;242;;242;;255
+#The ending color (RGBA) of the fill gradient.
+FillEndColor=242;;242;;242;;255
+#The color (RGBA) of the inner stroke.
+InnerStrokeColor=242;;242;;242;;255
+
+[PlankDockTheme]
+#The padding on the left/right dock edges, in tenths of a percent of IconSize.
+HorizPadding=2
+#The padding on the top dock edge, in tenths of a percent of IconSize.
+TopPadding=2
+#The padding on the bottom dock edge, in tenths of a percent of IconSize.
+BottomPadding=1
+#The padding between items on the dock, in tenths of a percent of IconSize.
+ItemPadding=2
+#The size of item indicators, in tenths of a percent of IconSize.
+IndicatorSize=5
+#The size of the icon-shadow behind every item, in tenths of a percent of IconSize.
+IconShadowSize=0
+#The height (in percent of IconSize) to bounce an icon when the application sets urgent.
+UrgentBounceHeight=1.6666666666666667
+#The height (in percent of IconSize) to bounce an icon when launching an application.
+LaunchBounceHeight=0.625
+#The opacity value (0 to 1) to fade the dock to when hiding it.
+FadeOpacity=1
+#The amount of time (in ms) for click animations.
+ClickTime=0
+#The amount of time (in ms) to bounce an urgent icon.
+UrgentBounceTime=600
+#The amount of time (in ms) to bounce an icon when launching an application.
+LaunchBounceTime=600
+#The amount of time (in ms) for active window indicator animations.
+ActiveTime=150
+#The amount of time (in ms) to slide icons into/out of the dock.
+SlideTime=300
+#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1).
+FadeTime=250
+#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1).
+HideTime=250
+#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize.
+GlowSize=30
+#The total time (in ms) to show the hidden-dock urgent glow.
+GlowTime=10000
+#The time (in ms) of each pulse of the hidden-dock urgent glow.
+GlowPulseTime=2000
+#The hue-shift (-180 to 180) of the urgent indicator color.
+UrgentHueShift=150
+#The time (in ms) to move an item to its new position or its addition/removal to/from the dock.
+ItemMoveTime=450
+#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time.
+CascadeHide=true
diff --git a/src/themes/Catppuccin-Latte/xfwm4/bottom-active.png b/src/themes/Catppuccin-Latte/xfwm4/bottom-active.png
new file mode 100644
index 00000000..d86c7f84
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/bottom-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/bottom-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/bottom-inactive.png
new file mode 100644
index 00000000..fe0bc360
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/bottom-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/bottom-left-active.png b/src/themes/Catppuccin-Latte/xfwm4/bottom-left-active.png
new file mode 100644
index 00000000..cb6594fe
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/bottom-left-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/bottom-left-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/bottom-left-inactive.png
new file mode 100644
index 00000000..b91109a6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/bottom-left-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/bottom-right-active.png b/src/themes/Catppuccin-Latte/xfwm4/bottom-right-active.png
new file mode 100644
index 00000000..2b6ae74e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/bottom-right-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/bottom-right-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/bottom-right-inactive.png
new file mode 100644
index 00000000..04ee622b
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/bottom-right-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/close-active.png b/src/themes/Catppuccin-Latte/xfwm4/close-active.png
new file mode 100644
index 00000000..a27e9534
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/close-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/close-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/close-inactive.png
new file mode 100644
index 00000000..5a939b72
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/close-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/close-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/close-prelight.png
new file mode 100644
index 00000000..4f3afd9d
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/close-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/close-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/close-pressed.png
new file mode 100644
index 00000000..18723584
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/close-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/hide-active.png b/src/themes/Catppuccin-Latte/xfwm4/hide-active.png
new file mode 100644
index 00000000..4efae869
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/hide-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/hide-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/hide-inactive.png
new file mode 100644
index 00000000..5a939b72
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/hide-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/hide-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/hide-prelight.png
new file mode 100644
index 00000000..70d4af1e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/hide-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/hide-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/hide-pressed.png
new file mode 100644
index 00000000..0eb8d7c8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/hide-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/left-active.png b/src/themes/Catppuccin-Latte/xfwm4/left-active.png
new file mode 100644
index 00000000..68c66ad8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/left-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/left-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/left-inactive.png
new file mode 100644
index 00000000..6aa3e415
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/left-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-active.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-active.png
new file mode 100644
index 00000000..8aeefaa8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-inactive.png
new file mode 100644
index 00000000..5a939b72
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-prelight.png
new file mode 100644
index 00000000..827e8617
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-pressed.png
new file mode 100644
index 00000000..fe456126
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-active.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-active.png
new file mode 100644
index 00000000..8aeefaa8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 00000000..5a939b72
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 00000000..ce665aa2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 00000000..56de874b
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/maximize-toggled-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/menu-active.png b/src/themes/Catppuccin-Latte/xfwm4/menu-active.png
new file mode 100644
index 00000000..26aef053
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/menu-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/menu-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/menu-inactive.png
new file mode 100644
index 00000000..7d5cdd72
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/menu-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/menu-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/menu-prelight.png
new file mode 100644
index 00000000..a33e9f29
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/menu-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/menu-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/menu-pressed.png
new file mode 100644
index 00000000..05d513f5
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/menu-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/right-active.png b/src/themes/Catppuccin-Latte/xfwm4/right-active.png
new file mode 100644
index 00000000..6e492c3f
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/right-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/right-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/right-inactive.png
new file mode 100644
index 00000000..b7a60e90
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/right-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/shade-active.png b/src/themes/Catppuccin-Latte/xfwm4/shade-active.png
new file mode 100644
index 00000000..39750b45
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/shade-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/shade-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/shade-inactive.png
new file mode 100644
index 00000000..57314234
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/shade-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/shade-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/shade-prelight.png
new file mode 100644
index 00000000..613377ab
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/shade-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/shade-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/shade-pressed.png
new file mode 100644
index 00000000..d6607edd
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/shade-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-active.png b/src/themes/Catppuccin-Latte/xfwm4/stick-active.png
new file mode 100644
index 00000000..031701d5
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/stick-inactive.png
new file mode 100644
index 00000000..8413a246
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/stick-prelight.png
new file mode 100644
index 00000000..0560d4c2
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/stick-pressed.png
new file mode 100644
index 00000000..9ce3d065
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-active.png b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-active.png
new file mode 100644
index 00000000..f891b26e
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 00000000..07d75378
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-prelight.png b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 00000000..fc83dab1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-prelight.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-pressed.png b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 00000000..786fc130
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/stick-toggled-pressed.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/themerc b/src/themes/Catppuccin-Latte/xfwm4/themerc
new file mode 100644
index 00000000..fcaf079a
--- /dev/null
+++ b/src/themes/Catppuccin-Latte/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=6
+button_spacing=0
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#707070
+active_text_shadow_color=#e7e7e7
+
+inactive_text_color=#979797
+inactive_text_shadow_color=#e7e7e7
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-1-active.png b/src/themes/Catppuccin-Latte/xfwm4/title-1-active.png
new file mode 100644
index 00000000..8ace76d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-1-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-1-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/title-1-inactive.png
new file mode 100644
index 00000000..d963eff8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-1-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-2-active.png b/src/themes/Catppuccin-Latte/xfwm4/title-2-active.png
new file mode 100644
index 00000000..8ace76d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-2-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-2-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/title-2-inactive.png
new file mode 100644
index 00000000..d963eff8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-2-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-3-active.png b/src/themes/Catppuccin-Latte/xfwm4/title-3-active.png
new file mode 100644
index 00000000..8ace76d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-3-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-3-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/title-3-inactive.png
new file mode 100644
index 00000000..d963eff8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-3-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-4-active.png b/src/themes/Catppuccin-Latte/xfwm4/title-4-active.png
new file mode 100644
index 00000000..8ace76d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-4-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-4-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/title-4-inactive.png
new file mode 100644
index 00000000..d963eff8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-4-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-5-active.png b/src/themes/Catppuccin-Latte/xfwm4/title-5-active.png
new file mode 100644
index 00000000..8ace76d6
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-5-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/title-5-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/title-5-inactive.png
new file mode 100644
index 00000000..d963eff8
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/title-5-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/top-left-active.png b/src/themes/Catppuccin-Latte/xfwm4/top-left-active.png
new file mode 100644
index 00000000..36c43dbd
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/top-left-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/top-left-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/top-left-inactive.png
new file mode 100644
index 00000000..11890ca1
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/top-left-inactive.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/top-right-active.png b/src/themes/Catppuccin-Latte/xfwm4/top-right-active.png
new file mode 100644
index 00000000..f558f326
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/top-right-active.png differ
diff --git a/src/themes/Catppuccin-Latte/xfwm4/top-right-inactive.png b/src/themes/Catppuccin-Latte/xfwm4/top-right-inactive.png
new file mode 100644
index 00000000..41bf1e83
Binary files /dev/null and b/src/themes/Catppuccin-Latte/xfwm4/top-right-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace-active.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 00000000..4b742855
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace-hover.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 00000000..8a1d3516
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+
+
+
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace.svg
new file mode 100644
index 00000000..8dba5df9
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+
+
+
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/calendar-arrow-left.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..dcf8298b
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/calendar-arrow-right.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..ed66559d
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox-dark.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 00000000..65c19018
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox-off.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 00000000..110a32f8
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox.svg
new file mode 100644
index 00000000..b3a73fa1
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/close-active.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/close-active.svg
new file mode 100644
index 00000000..0dde2b9d
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/close-hover.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/close-hover.svg
new file mode 100644
index 00000000..37f8806a
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/close.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/close.svg
new file mode 100644
index 00000000..5dcc697b
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/corner-ripple.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 00000000..6440b6ca
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton-dark.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 00000000..375c388a
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton-off.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 00000000..110a32f8
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton.svg
new file mode 100644
index 00000000..27a8ab48
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-off.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-off.svg
new file mode 100644
index 00000000..2341bc5e
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-on-dark.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..23f9373e
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-on.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-on.svg
new file mode 100644
index 00000000..510abf19
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/assets/trash-icon.svg b/src/themes/Catppuccin-Mocha/cinnamon/assets/trash-icon.svg
new file mode 100644
index 00000000..d78a123e
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/cinnamon.css b/src/themes/Catppuccin-Mocha/cinnamon/cinnamon.css
new file mode 100644
index 00000000..a4b177c0
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/cinnamon/cinnamon.css
@@ -0,0 +1,2266 @@
+stage {
+ font-size: 9pt;
+ color: #f5e0dc;
+}
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+ min-height: 24px;
+ padding: 5px 32px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.sound-button:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:insensitive {
+ color: rgba(245, 224, 220, 0.5);
+ background-color: rgba(245, 224, 220, 0.04);
+ border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+ border-radius: 6px;
+ color: rgba(245, 224, 220, 0.7);
+ background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.3);
+ border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+ color: rgba(245, 224, 220, 0.3);
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ min-height: 24px;
+ padding: 6px 30px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+ color: #9399b2;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: rgba(245, 224, 220, 0.3);
+ background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+ padding: 3px 12px;
+ min-height: 24px;
+ caret-size: 1px;
+ selection-background-color: #9399b2;
+ selected-color: rgba(0, 0, 0, 0.87);
+ transition-duration: 300ms;
+ border-radius: 9999px;
+ color: #f5e0dc;
+ border: 2px solid transparent;
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.04);
+ border: 2px solid #9399b2;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+ border: 2px solid transparent;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #f9e2af;
+ padding: 0 6px;
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+ padding: 8px;
+}
+
+StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+ background-color: rgba(49, 50, 68, 0.1);
+ border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: #7F849C;
+ border: 0px solid;
+ margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+ background-color: #585b70;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+ background-color: #9399b2;
+}
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 4px;
+ -slider-background-color: rgba(245, 224, 220, 0.12);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #9399b2;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 4px;
+ height: 18px;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px;
+ color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: 0.2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.check-box StLabel {
+ font-weight: normal;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+ background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+ background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: 0.2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none;
+}
+
+.radiobutton StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+ background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+ background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+ background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+ background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+ background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+ background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+ color: #74c7ec;
+ text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+ color: #89b4fa;
+}
+
+#Tooltip {
+ border-radius: 9999px;
+ padding: 6px 12px;
+ background-color: rgba(17, 17, 27, 0.9);
+ color: #f5e0dc;
+ margin: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+ padding: 3px;
+ color: #f5e0dc;
+ background-color: rgba(49, 50, 68, 0.95);
+ border-radius: 12px;
+ margin: 6px;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ border: 2px solid #cba6f7;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+ border-radius: 6px;
+ background-gradient-direction: none;
+ box-shadow: none;
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+ padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+ padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+ padding: 6px 12px;
+ spacing: 12px;
+ border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+ color: rgba(245, 224, 220, 0.5);
+ background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(245, 224, 220, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(0, 0, 0, 0);
+ -arrow-border-width: 0;
+ -arrow-border-color: rgba(0, 0, 0, 0);
+ -arrow-base: 0;
+ -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+ padding: 12px;
+}
+
+.popup-combobox-item {
+ spacing: 1em;
+}
+
+.popup-separator-menu-item {
+ -gradient-height: 0;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ border-color: rgba(245, 224, 220, 0.12);
+ border-bottom-width: 0;
+ border-bottom-style: solid;
+ background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal;
+}
+
+.popup-device-menu-item {
+ spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+ font-weight: normal;
+}
+
+.nm-menu-item-icons {
+ spacing: 0.5em;
+}
+
+#panel {
+ font-weight: bold;
+ height: 36px;
+ width: 42px;
+}
+
+#panel:highlight {
+ border-image: none;
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+#panelLeft {
+ spacing: 4px;
+}
+
+#panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 0, 0, 0.05);
+ background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+ padding-right: 4px;
+}
+
+#panelLeft:rtl {
+ padding-left: 4px;
+}
+
+#panelLeft.vertical {
+ padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 255, 0.05);
+ background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+ padding-left: 6px;
+ spacing: 0px;
+}
+
+#panelRight:rtl {
+ padding-right: 6px;
+ spacing: 0px;
+}
+
+#panelRight.vertical {
+ padding: 0;
+}
+
+#panelRight.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelCenter {
+ spacing: 4px;
+}
+
+#panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 255, 0, 0.05);
+ background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: 1em;
+ padding: 0px;
+ background-color: rgba(30, 30, 46, 0.95);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #9399b2;
+}
+
+.panel-dummy {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(242, 139, 130, 0.6);
+}
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ height: 22px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ transition-duration: 100ms;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ background-color: rgba(17, 17, 27, 0.9);
+ border: 1px solid rgba(17, 17, 27, 0.9);
+ color: #f5e0dc;
+ spacing: 25px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #9399b2;
+ spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+ height: 15px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.04);
+ border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+ border: 1px solid #9399b2;
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: rgba(0, 0, 0, 0.87);
+ selected-color: #9399b2;
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(245, 224, 220, 0);
+ background-color: rgba(245, 224, 220, 0);
+ border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+ border: 4px solid #9399b2;
+ background-color: black;
+ border-radius: 6px;
+}
+
+.expo-background {
+ background-color: #191919;
+}
+
+.workspace-thumbnails {
+ spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+ padding: 8px;
+}
+
+.workspace-add-button {
+ background-image: url('assets/add-workspace.svg');
+ height: 200px;
+ width: 35px;
+ transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+ background-image: url('assets/add-workspace-hover.svg');
+ transition-duration: 100;
+}
+
+.workspace-add-button:active {
+ background-image: url('assets/add-workspace-active.svg');
+ transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+ background-image: url('assets/close.svg');
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+ background-image: url('assets/close-hover.svg');
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+ background-image: url('assets/close-active.svg');
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+ outline: 2px solid red;
+ border: 1px solid green;
+}
+
+.window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+ background-image: url('assets/trash-icon.svg');
+ height: 120px;
+ width: 400px;
+}
+
+.about-content {
+ width: 550px;
+ height: 250px;
+ spacing: 8px;
+ padding-bottom: 10px;
+}
+
+.about-title {
+ font-size: 2em;
+ font-weight: bold;
+}
+
+.about-uuid {
+ font-size: 10px;
+ color: #7f849c;
+}
+
+.about-icon {
+ padding-right: 20px;
+ padding-bottom: 14px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+ background-color: #1e1e2e;
+ padding: 4px;
+ padding-right: 0;
+ border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+ padding-bottom: 16px;
+}
+
+.about-version {
+ padding-left: 7px;
+ font-size: 10px;
+ color: #7f849c;
+}
+
+.calendar {
+ padding: 0.4em 1.75em;
+ spacing-rows: 0px;
+ spacing-columns: 0px;
+}
+
+.calendar-month-label {
+ color: #f5e0dc;
+ font-weight: bold;
+ margin: 0 2px;
+ padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 24px;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+ background-color: rgba(245, 224, 220, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+ background-color: rgba(245, 224, 220, 0.25);
+}
+
+.calendar-change-month-back {
+ background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward {
+ background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.datemenu-date-label {
+ padding: 0.4em 1.75em;
+ font-weight: normal;
+ text-align: center;
+ font-size: 14px;
+ color: #f5e0dc;
+ border-radius: 6px;
+}
+
+.calendar-day-base {
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+}
+
+.calendar-day-heading {
+ color: rgba(245, 224, 220, 0.7);
+ margin-top: 1em;
+}
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: #f5e0dc;
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #9399b2;
+ border-width: 0;
+}
+
+.calendar-other-month-day {
+ color: rgba(245, 224, 220, 0.7);
+ opacity: 1;
+}
+
+.calendar-week-number {
+ width: 20px;
+ height: 20px;
+ margin: 6px 0;
+ color: rgba(245, 224, 220, 0.3);
+ font-weight: bold;
+ background-color: rgba(245, 224, 220, 0.04);
+ border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+ padding: 0;
+ margin-top: 3px;
+}
+
+#notification {
+ border-radius: 12px;
+ padding: 12px;
+ spacing-rows: 9px;
+ spacing-columns: 9px;
+ margin-from-right-edge-of-screen: 18px;
+ width: 28em;
+ color: #f5e0dc;
+ background-color: rgba(49, 50, 68, 0.8);
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+ padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.05);
+ box-shadow: none;
+ margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+ background-color: rgba(245, 224, 220, 0.1);
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+ color: #f5e0dc;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+ padding: 6px;
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 12px;
+ color: #f5e0dc;
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 6px;
+}
+
+#notification-actions {
+ spacing: 9px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: #f5e0dc;
+}
+
+.notification-button,
+.notification-icon-button {
+ padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: #f5e0dc;
+ background-color: rgba(49, 50, 68, 0.95);
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #9399b2;
+}
+
+.switcher-list .item-box:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #9399b2;
+ border: 0px solid #9399b2;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(245, 224, 220, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #f5e0dc;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url('assets/corner-ripple.svg');
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: #f5e0dc;
+}
+
+.modal-dialog {
+ color: #f5e0dc;
+ background-color: rgba(17, 17, 27, 0.9);
+ border: 1px solid rgba(0, 0, 0, 0.65);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 6px 12px;
+ background-color: rgba(17, 17, 27, 0.9);
+ border-radius: 6px;
+ color: #f5e0dc;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #f5e0dc;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #f38ba8;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 3px 12px;
+ border-radius: 6px;
+ caret-color: #f5e0dc;
+ selected-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: #9399b2;
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.04);
+ border: 2px solid #cba6f7;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #f9e2af;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: #f5e0dc;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(17, 17, 27, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(245, 224, 220, 0.3);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #f5e0dc;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(17, 17, 27, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 6px;
+ padding: 6px;
+ transition-duration: 300;
+ background-color: rgba(245, 224, 220, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 9px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 9px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 9px;
+}
+
+.menu-categories-box {
+ padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+ padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 3px 0;
+ border-radius: 6px;
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 3px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 6px;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: #f5e0dc;
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: #f5e0dc;
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(30, 30, 46, 0.85);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 0;
+ background-color: rgba(30, 30, 46, 0.85);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #9399b2;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #9399b2;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(245, 224, 220, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(245, 224, 220, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(245, 224, 220, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+ color: rgba(245, 224, 220, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(245, 224, 220, 0.25);
+ border-color: rgba(245, 224, 220, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(245, 224, 220, 0.7);
+ background-gradient-direction: none;
+ background-image: radial-gradient(
+ 5px 5px 45deg,
+ circle cover,
+ rgba(245, 224, 220, 0.7) 0%,
+ rgba(245, 224, 220, 0.7) 100%
+ );
+ border-color: #9399b2;
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a6e3a1;
+ background-gradient-end: #a6e3a1;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #f9e2af;
+ background-gradient-end: #f9e2af;
+}
+
+.window-list-preview {
+ padding: 12px;
+ spacing: 6px;
+ border: none;
+ background-color: #1e1e2e;
+ border-radius: 6px;
+ color: #f5e0dc;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 6px;
+ border-radius: 6px;
+ spacing: 6px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(245, 224, 220, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(245, 224, 220, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #9399b2;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(245, 224, 220, 0.6);
+ border-radius: 0;
+ spacing: 6px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(245, 224, 220, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(245, 224, 220, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(245, 224, 220, 0.7);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(245, 224, 220, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(245, 224, 220, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(245, 224, 220, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(245, 224, 220, 0.2);
+ border-color: #9399b2;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a6e3a1;
+ background-gradient-end: #a6e3a1;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #f9e2af;
+ background-gradient-end: #f9e2af;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 12px 18px;
+ spacing: 6px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #f5e0dc;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 6px 6px;
+ color: #f5e0dc;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(5, 5, 5, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: #1f1f1f;
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #9399b2;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(245, 224, 220, 0.7);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+ color: #9399b2;
+}
+
+.workspace-button:hover {
+ color: #f5e0dc;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #9399b2;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(71, 71, 71, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(71, 71, 71, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(84, 84, 84, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(46, 46, 46, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(245, 224, 220, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(245, 224, 220, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 3px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(245, 224, 220, 0.12);
+}
+
+.applet-box {
+ padding: 0 6px;
+ color: rgba(245, 224, 220, 0.7);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 6px 0;
+}
+
+.applet-box:hover {
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(245, 224, 220, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #9399b2;
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(245, 224, 220, 0.7);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(245, 224, 220, 0.7);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: #f5e0dc;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #f5e0dc;
+}
+
+.desklet:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders {
+ color: #f5e0dc;
+ background-color: rgba(17, 17, 27, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #f5e0dc;
+ background-color: rgba(17, 17, 27, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-header {
+ color: #f5e0dc;
+ background-color: rgba(17, 17, 27, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #cba6f7;
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+.photoframe-box {
+ color: #f5e0dc;
+ background-color: rgba(17, 17, 27, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+ background-color: rgba(242, 205, 205, 0.3);
+ border: 1px solid #9399b2;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/src/themes/Catppuccin-Mocha/cinnamon/thumbnail.png b/src/themes/Catppuccin-Mocha/cinnamon/thumbnail.png
new file mode 100644
index 00000000..080f3f84
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/cinnamon/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/applogo.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/applogo.svg
new file mode 100644
index 00000000..7637e035
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/applogo.svg
@@ -0,0 +1,291 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-arrow-left.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..ec8b4783
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-arrow-right.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..6fc5556f
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-today.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 00000000..5e77084c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+
+
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox-dark.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 00000000..8dac4757
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox-off.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 00000000..0c5e5a0a
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox.svg
new file mode 100644
index 00000000..0f79f2b2
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/dash-placeholder.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 00000000..172156ae
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/no-events.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/no-events.svg
new file mode 100644
index 00000000..239177d1
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/no-notifications.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 00000000..ae09f92c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/noise-texture.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 00000000..484f6c87
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/process-working.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/process-working.svg
new file mode 100644
index 00000000..eedadce9
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-off-dark.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 00000000..2341bc5e
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-off.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 00000000..3acc14ac
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-on-dark.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..c2fca8fc
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-on.svg b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 00000000..f0df9e4b
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/gnome-shell.css b/src/themes/Catppuccin-Mocha/gnome-shell/gnome-shell.css
new file mode 100644
index 00000000..709febb9
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/gnome-shell.css
@@ -0,0 +1,4412 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+
+.message-list .message-list-placeholder {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+.icon-label-button-container {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.ripple-pointer-location {
+ width: 48px;
+ height: 48px;
+ border-radius: 24px;
+ background-color: rgba(245, 224, 220, 0.3);
+ box-shadow: 0 0 2px 2px #f5e0dc;
+}
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: #f2cdcd;
+ -pie-background-color: rgba(245, 224, 220, 0.3);
+}
+
+.magnifier-zoom-region {
+ border: 2px solid #f2cdcd;
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+/* App Icons */
+.show-apps .show-apps-icon {
+ color: transparent;
+ background-image: url('assets/applogo.svg');
+ background-size: contain;
+ border-radius: 6px;
+ padding: 2px 4px;
+}
+
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+ color: #f5e0dc;
+ border-radius: 9px;
+ padding: 6px;
+ border: none;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+ color: #fab387;
+ background-color: rgba(49, 50, 68, 0.65);
+ border-image: none;
+ background-image: none;
+}
+
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+ background-color: rgba(49, 50, 68, 1);
+ box-shadow: none;
+}
+
+.app-well-app.app-folder {
+ background-color: rgba(49, 50, 68, 0.65);
+ border-radius: 12px;
+}
+
+.app-well-app.app-folder .overview-icon {
+ background-color: transparent;
+ border-radius: 12px;
+}
+
+.app-well-app.app-folder:hover {
+ background-color: rgba(49, 50, 68, 1);
+}
+
+.app-well-app.app-folder:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.app-folder-dialog {
+ border-radius: 36px;
+ padding: 12px;
+ background-color: rgba(30, 30, 46, 0.95);
+ border: 1px solid rgba(13, 185, 215, 0.55);
+ box-shadow: inset 0 0 0 1px rgba(13, 185, 215, 0.2);
+}
+
+.app-folder-dialog .folder-name-container {
+ padding: 24px 36px 0;
+ spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ font-size: 18pt;
+ font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 300px;
+ border: 2px solid transparent;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+ padding: 9px 8px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+ background-color: rgba(245, 224, 220, 0.06);
+ color: rgba(245, 224, 220, 0.7);
+ border: none;
+ padding: 0;
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+ icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked,
+.app-folder-dialog .folder-name-container .edit-folder-button:active {
+ background-color: #f5e0dc;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+ row-spacing: 12px;
+ column-spacing: 24px;
+ page-padding-top: 0;
+ page-padding-bottom: 0;
+ page-padding-left: 0;
+ page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+ margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+ padding: 0;
+ width: 620px;
+ height: 620px;
+}
+
+.app-well-app-running-dot {
+ width: 6px;
+ height: 3px;
+ border-radius: 2px;
+ background-color: rgba(245, 224, 220, 0.3);
+ margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+ width: 24px;
+ background-color: #f5e0dc !important;
+}
+
+.app-menu,
+.app-well-menu {
+ max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr,
+.rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px;
+}
+
+.system-action-icon {
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+ background-color: rgba(30, 30, 46, 0.95);
+ color: #f5e0dc;
+ border-radius: 9999px;
+ icon-size: 48px;
+}
+
+.shell-link {
+ border-radius: 6px;
+ color: #74c7ec;
+}
+
+.shell-link:hover {
+ color: #74c7ec;
+ background-color: rgba(116, 199, 236, 0.15);
+}
+
+.shell-link:active {
+ color: #74c7ec;
+ background-color: rgba(116, 199, 236, 0.25);
+}
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+ icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item,
+.icon-button,
+.button {
+ color: #f5e0dc;
+ background-color: rgba(24, 24, 37, 0.95);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.button:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.button:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:active,
+.icon-button:active,
+.button:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.2);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.button:insensitive {
+ color: rgba(245, 224, 220, 0.35);
+ background-color: rgba(24, 24, 37, 0.95);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
+.candidate-page-button,
+.modal-dialog-linked-button,
+.popup-menu .button {
+ color: #f5e0dc;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
+.candidate-page-button:focus,
+.modal-dialog-linked-button:focus,
+.popup-menu .button:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
+.candidate-page-button:hover,
+.modal-dialog-linked-button:hover,
+.popup-menu .button:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
+.candidate-page-button:active,
+.modal-dialog-linked-button:active,
+.popup-menu .button:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.2);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
+.candidate-page-button:insensitive,
+.modal-dialog-linked-button:insensitive,
+.popup-menu .button:insensitive {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.35);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+ color: #f5e0dc;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+ color: rgba(245, 224, 220, 0.35);
+ background-color: rgba(30, 30, 46, 0.95);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.2);
+ box-shadow: none !important;
+}
+
+.button {
+ min-height: 20px;
+ padding: 6px 12px;
+ border-radius: 6px;
+ border: none;
+}
+
+.icon-button {
+ border-radius: 9999px;
+ padding: 6px;
+}
+
+.icon-button StIcon {
+ icon-size: 16px !important;
+ -st-icon-style: symbolic;
+}
+
+/* Date/Time Menu */
+.popup-menu .message,
+.world-clocks-button,
+.weather-button,
+.events-button {
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(245, 224, 220, 0.04);
+ border-radius: 6px;
+ border: none;
+ box-shadow: none;
+ text-shadow: none;
+ padding: 6px 9px;
+}
+
+.popup-menu .message:hover,
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover,
+.popup-menu .message:focus,
+.world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+}
+
+.popup-menu .message:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.2);
+ box-shadow: none;
+}
+
+.clock-display-box {
+ spacing: 2px;
+}
+
+.clock-display-box .clock {
+ padding-left: 12px;
+ padding-right: 12px;
+}
+
+#calendarArea {
+ padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+ spacing: 6px;
+ border: 0 solid rgba(245, 224, 220, 0.12);
+ padding: 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+ margin-right: 0;
+ border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+ margin-left: 0;
+ border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+ padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+ margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ padding: 6px;
+ margin: 0 12px;
+ text-shadow: none;
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 12px;
+}
+
+.datemenu-today-button:hover,
+.datemenu-today-button:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.datemenu-today-button:active {
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+.datemenu-today-button .day-label {
+ font-size: 12pt;
+ font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+ font-size: 18pt;
+ font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0 3px !important;
+ margin: 0 !important;
+ text-shadow: none;
+ border-radius: 12px;
+}
+
+.calendar .calendar-month-label {
+ padding: 6px 0;
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: bold;
+ text-align: center;
+ text-shadow: none;
+ font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 0 !important;
+ margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+ icon-size: 16px;
+}
+
+.calendar .pager-button {
+ width: 32px !important;
+ height: 32px !important;
+ margin: 2px !important;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.calendar .pager-button:hover,
+.calendar .pager-button:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.calendar .pager-button:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.calendar .calendar-day-base {
+ font-size: 10pt;
+ text-align: center;
+ width: 34px !important;
+ height: 34px !important;
+ padding: 0 !important;
+ margin: 2px !important;
+ border-radius: 9999px;
+ color: rgba(245, 224, 220, 0.7);
+ border: none;
+ font-feature-settings: 'tnum';
+}
+
+.calendar .calendar-day-base:hover,
+.calendar .calendar-day-base:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+ outline: none;
+}
+
+.calendar .calendar-day-base:active,
+.calendar .calendar-day-base:selected {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.3);
+ border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+ margin-top: 1em;
+ color: rgba(245, 224, 220, 0.5);
+ font-size: 10pt;
+}
+
+.calendar .calendar-day {
+ border-width: 0;
+}
+
+.calendar .calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+ color: rgba(245, 224, 220, 0.5);
+ font-weight: bold;
+}
+
+.calendar .calendar-today {
+ font-weight: bold;
+ color: rgba(245, 224, 220, 0.7) !important;
+ background-color: rgba(245, 224, 220, 0.06);
+ border: none;
+}
+
+.calendar .calendar-today:hover,
+.calendar .calendar-today:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc !important;
+}
+
+.calendar .calendar-today:active {
+ background-color: #BAC2DE;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+ background-color: #fab387;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover,
+.calendar .calendar-today:selected:focus {
+ background-color: #cba6f7;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+ color: rgba(245, 224, 220, 0.7);
+ background-image: url('assets/calendar-today.svg');
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+ color: rgba(245, 224, 220, 0.3);
+ opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+ width: 26px;
+ height: 20px;
+ margin: 6px 2px !important;
+ padding: 0 0;
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ font-size: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+ padding: 12px !important;
+ margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+ spacing: 6px;
+}
+
+.events-button .events-list {
+ spacing: 12px;
+ text-shadow: none;
+}
+
+.events-button .events-title {
+ color: rgba(245, 224, 220, 0.5);
+ font-weight: bold;
+ text-shadow: none;
+}
+
+.events-button .event-time {
+ color: rgba(245, 224, 220, 0.5);
+ font-feature-settings: 'tnum';
+ font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+ color: rgba(245, 224, 220, 0.5);
+ font-weight: bold;
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+ color: rgba(245, 224, 220, 0.5);
+ font-feature-settings: 'tnum';
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+ text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+ text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+ color: rgba(245, 224, 220, 0.5);
+ font-feature-settings: 'tnum';
+ font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+ spacing-rows: 0.4em;
+ spacing-columns: 0.8em;
+}
+
+.weather-button {
+ margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+ spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+ spacing: 6px;
+}
+
+.weather-button .weather-header {
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+ font-weight: normal;
+ color: rgba(245, 224, 220, 0.5);
+ font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+ color: rgba(245, 224, 220, 0.7);
+ font-feature-settings: 'tnum';
+ font-size: 9pt;
+ font-weight: normal;
+ padding-top: 0.2em;
+ padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+ icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+ font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: 0.8em;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+ background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:hover StBin {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.check-box:active StBin {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+ background-image: url('assets/checkbox-dark.svg');
+}
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(242, 205, 205, 0.35);
+ box-shadow: 0 0 2px 2px #f5e0dc;
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+ border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+ font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+ width: 32px;
+ height: 32px;
+}
+
+.dash-label {
+ background-color: rgba(24, 24, 37, 0.95);
+ color: #fab387;
+ padding: 6px 12px;
+ text-align: center;
+ border-radius: 12px;
+ border: 1px solid rgba(65, 72, 104, 0.55);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
+ -y-offset: 12px;
+ -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content,
+.modal-dialog {
+ background-color: rgba(24, 24, 37, 0.95);
+ border-radius: 12px;
+ box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35);
+ margin: 15px;
+ border: 2px solid #fab387;
+}
+
+.modal-dialog-linked-button:last-child {
+ color: #f5e0dc;
+ background-color: #313244;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+ color: #f5e0dc;
+ background-color: #CBA6F7;
+}
+
+.modal-dialog-linked-button:active:last-child {
+ color: #f5e0dc;
+ background-color: #EBA0AC;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+ background-color: rgba(242, 205, 205, 0.05);
+ color: rgba(242, 205, 205, 0.35);
+}
+
+.headline {
+ font-size: 12pt;
+}
+
+.modal-dialog {
+ color: #f5e0dc;
+ padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+ min-height: 32px;
+ padding: 6px;
+ margin: 3px !important;
+ border: none !important;
+ border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.2);
+ box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+ margin: 30px 42px;
+ spacing: 30px;
+ max-width: 28em;
+}
+
+.end-session-dialog {
+ width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+ color: #f9e2af;
+}
+
+.message-dialog-content {
+ spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+ text-align: center;
+ font-size: 18pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+ font-size: 13pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+ text-align: center;
+}
+
+.dialog-list {
+ spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+ text-align: center;
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+ max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+ margin-top: 24px;
+ margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+ width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+ text-align: center;
+ color: rgba(245, 224, 220, 0.7);
+ font-size: 10pt;
+}
+
+.prompt-dialog {
+ width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+ margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+ spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+ width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ text-align: center;
+ font-size: 10pt;
+ margin: 6px;
+}
+
+.prompt-dialog-error-label {
+ color: #f38ba8;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #f9e2af;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+ margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+ spacing: 20px;
+}
+
+.audio-selection-device {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+}
+
+.audio-selection-device:hover,
+.audio-selection-device:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.audio-selection-device:active {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+ padding: 18px;
+ spacing: 18px;
+}
+
+.audio-selection-device-icon {
+ icon-size: 64px;
+}
+
+.welcome-dialog-image {
+ background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');
+ background-size: contain;
+ height: 300px;
+ width: 300px;
+}
+
+/* Entries */
+StEntry,
+.search-entry {
+ min-height: 20px;
+ padding: 6px 12px;
+ margin: 2px;
+ border: none;
+ border-radius: 6px;
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.04);
+ border: 2px solid transparent;
+ box-shadow: none;
+ caret-color: #f5e0dc;
+ selection-background-color: rgba(245, 224, 220, 0.25);
+ selected-color: #f5e0dc;
+}
+
+StEntry:hover,
+.search-entry:hover {
+ color: #f5e0dc;
+ border-color: rgba(242, 205, 205, 0.35);
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+StEntry:focus,
+.search-entry:focus {
+ color: #f5e0dc;
+ border-color: #f2cdcd;
+ background-color: rgba(245, 224, 220, 0.04);
+ box-shadow: none;
+}
+
+StEntry:insensitive,
+.search-entry:insensitive {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.35);
+ border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning,
+.search-entry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #f9e2af;
+ padding: 0;
+}
+
+StEntry StIcon.peek-password,
+.search-entry StIcon.peek-password {
+ icon-size: 16px;
+ padding: 0 4px;
+}
+
+StEntry StLabel.hint-text,
+.search-entry StLabel.hint-text {
+ margin-left: 2px;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.hotplug-notification-item {
+ padding: 12px;
+ border-style: solid;
+ border-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+ border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+ border-right-width: 0;
+ border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+ border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+ icon-size: 24px;
+ padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+ -arrow-border-radius: 2px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 64px;
+ -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+ color: rgba(245, 224, 220, 0.7);
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
+ border: none;
+ margin: 3px 8px 12px !important;
+ padding: 6px;
+ spacing: 6px;
+}
+
+.candidate-index {
+ padding: 0 0.5em 0 0;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+ padding: 0.3em 0.5em 0.3em 0.5em;
+ margin-right: 2px;
+ border-radius: 6px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.candidate-box:hover {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+.candidate-box:active {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: #f5e0dc;
+}
+
+.candidate-box:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+ margin-right: 0;
+}
+
+.candidate-page-button-box {
+ height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+ padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+ padding-left: 0.5em;
+}
+
+.candidate-page-button {
+ padding: 6px 9px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+ border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+ icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #313244;
+ box-shadow: none;
+}
+
+#keyboard .page-indicator {
+ padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+ padding: 4px;
+ spacing: 4px;
+}
+
+.keyboard-key {
+ font-size: 16pt;
+ font-weight: bold;
+ min-height: 1.2em;
+ min-width: 1.2em;
+ border-radius: 9px;
+ border: none;
+ color: rgba(245, 224, 220, 0.7);
+ background-color: #45475a;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key:focus,
+.keyboard-key:hover {
+ color: #f5e0dc;
+ background-color: #585B70;
+}
+
+.keyboard-key:checked,
+.keyboard-key:active {
+ color: #f5e0dc;
+ background-color: #585B70;
+}
+
+.keyboard-key:grayed {
+ background-color: rgba(24, 24, 37, 0.95);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.keyboard-key.default-key {
+ background-color: #45475a;
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.default-key:focus,
+.keyboard-key.default-key:hover {
+ color: #f5e0dc;
+ background-color: #585B70;
+}
+
+.keyboard-key.default-key:checked,
+.keyboard-key.default-key:active {
+ color: #f5e0dc;
+ background-color: #585B70;
+}
+
+.keyboard-key.enter-key {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.keyboard-key.enter-key:focus,
+.keyboard-key.enter-key:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #F5C2E7;
+}
+
+.keyboard-key.enter-key:checked,
+.keyboard-key.enter-key:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #7F849C;
+}
+
+.keyboard-key.shift-key-uppercase,
+.keyboard-key.shift-key-uppercase:focus,
+.keyboard-key.shift-key-uppercase:hover,
+.keyboard-key.shift-key-uppercase:checked,
+.keyboard-key.shift-key-uppercase:active {
+ color: #f2cdcd;
+}
+
+.keyboard-key StIcon {
+ icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+ color: inherit;
+ -arrow-border-radius: 12px;
+ -arrow-background-color: #313244;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+ border: none;
+ background-color: #f2cdcd;
+}
+
+.word-suggestions {
+ font-size: 14pt;
+ spacing: 12px;
+ min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+ background-color: rgba(30, 30, 46, 0.95);
+}
+
+.login-dialog-banner-view {
+ padding-top: 24px;
+ max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+ border: none;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+ spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+ padding: 0 16px;
+ border: none;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+ padding: 0;
+ border-radius: 9999px;
+ width: 32px;
+ height: 32px;
+ border: none;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+ icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog .user-icon,
+.unlock-dialog .user-icon {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog .user-icon StIcon,
+.unlock-dialog .user-icon StIcon {
+ background-color: rgba(30, 30, 46, 0.95);
+ color: #f5e0dc;
+}
+
+.login-dialog .user-icon,
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon,
+.unlock-dialog .user-icon.user-avatar {
+ border: 2px solid #f2cdcd;
+}
+
+.login-dialog-logo-bin {
+ padding: 24px 0px;
+}
+
+.login-dialog-banner {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog-button-box {
+ spacing: 5px;
+}
+
+.login-dialog-message {
+ text-align: center;
+}
+
+.login-dialog-message-warning {
+ color: #f9e2af;
+}
+
+.login-dialog-message-hint {
+ padding-top: 0;
+ padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+ padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+ padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+ color: #f5e0dc;
+}
+
+.login-dialog-not-listed-label {
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(245, 224, 220, 0.7);
+ padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.login-dialog-user-list-view {
+ -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+ spacing: 12px;
+ padding: 0.2em;
+ width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+ border-right: 2px solid #f2cdcd;
+}
+
+.login-dialog-user-list-item {
+ border-radius: 12px;
+ padding: 6px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+ padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+ padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+ background-color: rgba(245, 224, 220, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover,
+.login-dialog-user-list-item:focus:hover {
+ background-color: rgba(245, 224, 220, 0.12) !important;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog-user-list-item:active,
+.login-dialog-user-list-item:focus:active {
+ background-color: rgba(245, 224, 220, 0.3) !important;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin: 6px 0 0 0;
+ background-color: rgba(245, 224, 220, 0.12) !important;
+}
+
+.user-widget-label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+ font-size: 13pt;
+ font-weight: bold;
+ padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+ padding-left: 14px;
+ text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+ padding-right: 14px;
+ text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+ font-size: 16pt;
+ text-align: center;
+ font-weight: normal;
+ padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+ padding-top: 24px;
+ padding-bottom: 12px;
+ spacing: 12px;
+ width: 23em;
+}
+
+.login-dialog-prompt-entry {
+ height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: 12pt;
+ padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+ background-color: rgba(24, 24, 37, 0.95) !important;
+ spacing: 4px;
+ padding: 0;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ color: #f5e0dc !important;
+ border: 2px solid #f2cdcd;
+ border-top: none;
+}
+
+#LookingGlassDialog > #Toolbar {
+ padding: 0 6px;
+ border: none;
+ border-radius: 0;
+ background-color: rgba(24, 24, 37, 0.95) !important;
+ box-shadow: inset 0 -1px 0 rgba(245, 224, 220, 0.12);
+ spacing: 6px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ padding: 6px 12px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+ icon-size: 16px;
+}
+
+#LookingGlassDialog .labels {
+ spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 12px;
+ font-weight: bold;
+ color: rgba(245, 224, 220, 0.5);
+ padding: 6px 12px;
+ transition-duration: 100ms;
+ border-bottom-width: 0;
+ border-radius: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: #f5e0dc;
+ text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+ border-color: transparent;
+ background-color: rgba(245, 224, 220, 0.12);
+ box-shadow: inset 0 -2px 0 #f2cdcd;
+ color: #f5e0dc;
+ text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+ padding: 4px;
+ spacing: 6px;
+ padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+ spacing: 6px;
+ padding: 6px;
+}
+
+.lg-dialog StEntry {
+ min-height: 22px;
+ selection-background-color: #f2cdcd;
+ selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+ color: #74c7ec;
+}
+
+.lg-dialog .shell-link:hover {
+ color: #51adf6;
+}
+
+.lg-dialog .shell-link:active {
+ color: #0c7cd5;
+}
+
+.lg-dialog .actor-link {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+ color: #f5e0dc;
+}
+
+.lg-dialog .actor-link:active {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.lg-completions-text {
+ font-size: 0.9em;
+ font-style: italic;
+}
+
+.lg-obj-inspector-title {
+ spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+ padding: 0 16px;
+ border: none;
+ border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+ border: none;
+}
+
+#lookingGlassExtensions {
+ padding: 6px;
+}
+
+.lg-extensions-list {
+ padding: 6px;
+ spacing: 6px;
+}
+
+.lg-extension {
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.04) !important;
+ color: #f5e0dc !important;
+ padding: 12px;
+ box-shadow: none;
+ border: 2px solid #f2cdcd;
+}
+
+.lg-extension-name {
+ font-weight: bold;
+}
+
+.lg-extension-meta {
+ spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+ color: rgba(245, 224, 220, 0.7) !important;
+ background: rgba(24, 24, 37, 0.95) !important;
+ border: none;
+ border-radius: 6px;
+ padding: 6px;
+ margin: 5px 8px 11px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+ padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+ color: #f5e0dc;
+}
+
+.lg-debug-flag-button:active {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.lg-debug-flags-header {
+ padding-top: 12px;
+ padding: 6px;
+ margin: 6px;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+/* Message List */
+.message-list {
+ width: 31.5em;
+ text-shadow: none;
+ border: solid rgba(245, 224, 220, 0.12);
+ padding: 6px;
+}
+
+.message-list:ltr {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-right: 12px;
+ border-right-width: 1px;
+}
+
+.message-list:rtl {
+ margin-right: 0;
+ margin-left: 4px;
+ padding-left: 12px;
+ border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+ spacing: 12px;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+ icon-size: 48px;
+ margin-bottom: 12px;
+ -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+ margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+ spacing: 6px;
+}
+
+.message-list-controls {
+ margin: 8px 16px 0;
+ padding: 4px;
+ spacing: 12px;
+}
+
+.message {
+ margin: 3px 0;
+}
+
+.message .message-icon-bin {
+ padding: 18px 12px;
+ padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+ padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+ icon-size: 32px;
+ -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.message .message-secondary-bin {
+ padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+ color: rgba(245, 224, 220, 0.5);
+ font-size: 9pt;
+ text-align: right;
+ padding-bottom: 0;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+ text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+ text-align: left;
+}
+
+.message .message-title {
+ color: #f5e0dc;
+ font-weight: bold;
+ padding-top: 0.57em;
+}
+
+.message .message-content {
+ padding: 6px;
+ margin-bottom: 4px;
+ spacing: 4px;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.message .message-close-button {
+ color: rgba(245, 224, 220, 0.7);
+ padding: 4px;
+ height: 20px;
+ width: 20px;
+ border-radius: 9999px;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:active {
+ color: #f5e0dc;
+}
+
+.message .message-close-button:hover,
+.message .message-close-button:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.message .message-close-button:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.message .message-body {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.url-highlighter {
+ link-color: #74c7ec;
+}
+
+.message-media-control {
+ margin: 20px 6px;
+ padding: 9px;
+ border-radius: 9999px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.message-media-control:hover,
+.message-media-control:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.message-media-control:active {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.message-media-control:insensitive {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+ margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+ margin-left: 16px;
+}
+
+.message-media-control StIcon {
+ icon-size: 16px;
+}
+
+.media-message-cover-icon {
+ icon-size: 32px !important;
+}
+
+.media-message-cover-icon.fallback {
+ icon-size: 24px !important;
+ padding: 6px;
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.12);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.select-area-rubberband {
+ background-color: rgba(242, 205, 205, 0.3);
+ border: 1px solid #f2cdcd;
+ border-radius: 6px;
+}
+
+.user-icon {
+ background-size: contain;
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 9999px;
+ box-shadow: none;
+ icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+ box-shadow: none;
+}
+
+.user-icon:hover {
+ color: #f5e0dc;
+}
+
+.user-icon StIcon {
+ background-color: rgba(24, 24, 37, 0.95);
+ color: #f5e0dc;
+ border-radius: 9999px;
+ padding: 12px;
+ width: 40px;
+ height: 40px;
+}
+
+.user-icon,
+.user-icon.user-avatar {
+ border: 2px solid #f2cdcd;
+}
+
+.user-widget.vertical .user-icon {
+ icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+ padding: 20px;
+ padding-top: 18px;
+ padding-bottom: 22px;
+ width: 88px;
+ height: 88px;
+}
+
+.lightbox {
+ background-color: black;
+}
+
+.flashspot {
+ background-color: #f5e0dc;
+}
+
+.hidden {
+ color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ font-size: 10pt;
+ color: #f9e2af;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+ max-height: 34em;
+ min-height: 31em;
+ min-width: 32em;
+}
+
+.nm-dialog-content {
+ spacing: 20px;
+ padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+ spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+ font-weight: bold;
+ text-align: center;
+}
+
+.nm-dialog-airplane-text {
+ color: #f5e0dc;
+}
+
+.nm-dialog-header {
+ font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+ icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+ border: none;
+ padding: 0;
+ background-color: rgba(245, 224, 220, 0.04);
+ border-radius: 6px;
+}
+
+.nm-dialog-item {
+ font-size: 11pt;
+ border-bottom: none;
+ padding: 12px;
+ spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover,
+.nm-dialog-item:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.nm-dialog-item:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.nm-dialog-icon {
+ icon-size: 16px;
+}
+
+.nm-dialog-icons {
+ spacing: 12px;
+}
+
+.no-networks-label {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.no-networks-box {
+ spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+ width: 25em;
+ min-height: 65px;
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(49, 50, 68, 0.95);
+ text-shadow: none;
+ border: solid 1px rgba(245, 224, 220, 0.25);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ margin: 20px 20px 10px;
+ border-radius: 12px;
+}
+
+.notification-banner:hover {
+ color: #f5e0dc;
+ background-color: rgba(49, 50, 68, 0.95);
+ border: solid 1px rgba(245, 224, 220, 0.25);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ margin: 20px 20px 10px;
+}
+
+.notification-banner:focus {
+ color: #f5e0dc;
+ background-color: rgba(49, 50, 68, 0.95);
+}
+
+.notification-banner .notification-actions {
+ background-color: transparent;
+ padding-top: 0;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ spacing: 0;
+}
+
+.notification-banner .notification-button {
+ min-height: 44px;
+ padding: 0 18px;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+ border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+ background-color: transparent;
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px rgba(245, 224, 220, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+ box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: #f5e0dc;
+}
+
+.summary-source-counter {
+ font-size: fontsize(10);
+ font-weight: bold;
+ height: 1.6em;
+ width: 1.6em;
+ -shell-counter-overlap-x: 3px;
+ -shell-counter-overlap-y: 3px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ border: 2px solid rgba(245, 224, 220, 0.3);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ border-radius: 0.9em;
+}
+
+.chat-body {
+ spacing: 5px;
+}
+
+.chat-response {
+ margin: 5px;
+}
+
+.chat-log-message {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.chat-new-group {
+ padding-top: 1em;
+}
+
+.chat-received {
+ padding-left: 4px;
+}
+
+.chat-received:rtl {
+ padding-left: 0px;
+ padding-right: 4px;
+}
+
+.chat-sent {
+ padding-left: 18pt;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.chat-sent:rtl {
+ padding-left: 0;
+ padding-right: 18pt;
+}
+
+.chat-meta-message {
+ padding-left: 4px;
+ font-size: 9pt;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.chat-meta-message:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel,
+.workspace-switcher-container,
+.resize-popup,
+.osd-window {
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(30, 30, 46, 0.95);
+ border: solid 1px rgba(245, 224, 220, 0.25);
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ margin: 50px 8px 11px;
+ border-radius: 12px;
+ padding: 10px;
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ height: 3px;
+ border-radius: 2px;
+ background-color: rgba(245, 224, 220, 0.15);
+ color: #f5e0dc;
+ -barlevel-height: 3px;
+ -barlevel-background-color: rgba(245, 224, 220, 0.15);
+ -barlevel-active-background-color: #f5e0dc;
+ -barlevel-overdrive-color: #f38ba8;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+ -barlevel-border-color: rgba(245, 224, 220, 0.12);
+}
+
+.osd-window .level-bar {
+ background-color: #f5e0dc;
+ border-radius: 2px;
+}
+
+.pad-osd-window {
+ padding: 32px;
+ background-color: rgba(30, 30, 46, 0.95);
+}
+
+.pad-osd-window .pad-osd-title-box {
+ spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px;
+}
+
+.combo-box-label {
+ width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+ background-color: rgba(245, 224, 220, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+ background-color: rgba(245, 224, 220, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+ background-color: #f5e0dc;
+}
+
+#overview {
+ spacing: 24px;
+}
+
+.overview-controls {
+ padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+ background-color: rgba(30, 30, 46, 0.95);
+ height: 32px;
+ color: #f5e0dc;
+ font-feature-settings: 'tnum';
+ transition-duration: 250ms;
+ font-size: 10pt;
+ font-weight: bold;
+ margin: 4px 10px 1px;
+ border: 2px solid #fab387;
+ border-radius: 50px;
+}
+
+#panel .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: rgba(30, 30, 46, 0.95);
+ -panel-corner-border-width: 2px;
+ -panel-corner-border-color: transparent;
+ -panel-corner-opacity: 1;
+ transition-duration: 250ms;
+}
+
+#panel .panel-button {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: #f5e0dc;
+ transition-duration: 150ms;
+ border-radius: 9999px;
+ text-shadow: none;
+ border: 4px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+ color: #fab387;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px #313244;
+}
+
+#panel .panel-button.clock-display:hover {
+ box-shadow: none;
+ color: #fab387;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+ color: #fab387;
+ box-shadow: inset 0 0 0 1000px #313244;
+}
+
+#panel .panel-button:active,
+#panel .panel-button:active:hover,
+#panel .panel-button:overview,
+#panel .panel-button:overview:hover,
+#panel .panel-button:focus,
+#panel .panel-button:focus:hover,
+#panel .panel-button:checked,
+#panel .panel-button:checked:hover {
+ background-color: transparent;
+ color: #fab387;
+ box-shadow: inset 0 0 0 1000px #45475a;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:overview .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 1000px #313244;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:overview .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+ color: #fab387;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:overview,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:overview .panel-button:active,
+#panel .panel-button:overview .panel-button:overview,
+#panel .panel-button:overview .panel-button:focus,
+#panel .panel-button:overview .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:overview,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:overview,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:overview,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:checked {
+ box-shadow: none;
+ color: #fab387;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:overview .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 1000px #45475a;
+ color: #fab387;
+}
+
+.unlock-screen #panel .panel-button,
+.login-screen #panel .panel-button,
+.lock-screen #panel .panel-button {
+ color: #fab387;
+}
+
+.unlock-screen #panel .panel-button:focus,
+.unlock-screen #panel .panel-button:hover,
+.unlock-screen #panel .panel-button:active,
+.login-screen #panel .panel-button:focus,
+.login-screen #panel .panel-button:hover,
+.login-screen #panel .panel-button:active,
+.lock-screen #panel .panel-button:focus,
+.lock-screen #panel .panel-button:hover,
+.lock-screen #panel .panel-button:active {
+ color: #fab387;
+}
+
+#panel .panel-button .system-status-icon {
+ icon-size: 16px;
+ padding: 8px;
+ margin: 0 4px;
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+ margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic;
+}
+
+#panel #panelActivities.panel-button {
+ -natural-hpadding: 18px;
+}
+
+#panel:overview,
+#panel.unlock-screen,
+#panel.login-screen,
+#panel.lock-screen {
+ background-color: transparent;
+ box-shadow: none;
+ border: transparent;
+}
+
+#panel:overview StLabel,
+#panel:overview StIcon,
+#panel.unlock-screen StLabel,
+#panel.unlock-screen StIcon,
+#panel.login-screen StLabel,
+#panel.login-screen StIcon,
+#panel.lock-screen StLabel,
+#panel.lock-screen StIcon {
+ color: #fab387;
+}
+
+#panel:overview .panel-button:hover,
+#panel.unlock-screen .panel-button:hover,
+#panel.login-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover {
+ color: #fab387;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(245, 224, 220, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.login-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
+ box-shadow: none;
+ color: #fab387;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.login-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+ color: #fab387;
+ box-shadow: inset 0 0 0 1000px rgba(245, 224, 220, 0.12);
+}
+
+#panel:overview .panel-button:active,
+#panel:overview .panel-button:overview,
+#panel:overview .panel-button:focus,
+#panel:overview .panel-button:checked,
+#panel.unlock-screen .panel-button:active,
+#panel.unlock-screen .panel-button:overview,
+#panel.unlock-screen .panel-button:focus,
+#panel.unlock-screen .panel-button:checked,
+#panel.login-screen .panel-button:active,
+#panel.login-screen .panel-button:overview,
+#panel.login-screen .panel-button:focus,
+#panel.login-screen .panel-button:checked,
+#panel.lock-screen .panel-button:active,
+#panel.lock-screen .panel-button:overview,
+#panel.lock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:checked {
+ color: #fab387;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(245, 224, 220, 0.2);
+}
+
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:overview,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:overview,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.login-screen .panel-button.clock-display:active,
+#panel.login-screen .panel-button.clock-display:overview,
+#panel.login-screen .panel-button.clock-display:focus,
+#panel.login-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:overview,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:checked {
+ box-shadow: none;
+ color: #fab387;
+}
+
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:overview .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:overview .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .clock,
+#panel.unlock-screen .panel-button.clock-display:checked .clock,
+#panel.login-screen .panel-button.clock-display:active .clock,
+#panel.login-screen .panel-button.clock-display:overview .clock,
+#panel.login-screen .panel-button.clock-display:focus .clock,
+#panel.login-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:overview .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 1000px rgba(245, 224, 220, 0.2);
+ color: #fab387;
+}
+
+#panel:overview .panel-corner,
+#panel.unlock-screen .panel-corner,
+#panel.login-screen .panel-corner,
+#panel.lock-screen .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+ spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+ spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+ color: #f9e2af;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+ -arrow-border-radius: 2px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 12px;
+ -arrow-rise: 0;
+ -arrow-box-shadow: none;
+ background: transparent;
+}
+
+.popup-menu {
+ min-width: 12em;
+ color: #f5e0dc;
+ padding: 0 !important;
+ margin: 0 3px;
+ font-weight: 500;
+ font-size: 10pt;
+ border-radius: 12px;
+}
+
+.popup-menu .popup-menu-content {
+ padding: 6px;
+ background-color: rgba(49, 50, 68, 0.95);
+ border-radius: 12px;
+ margin: 4px;
+ font-weight: 500;
+ border: 2px solid #fab387;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+ spacing: 9px;
+ padding: 6px;
+ color: #f5e0dc !important;
+ text-shadow: none;
+ border-radius: 6px;
+ margin: 0 6px;
+ font-weight: 500;
+}
+
+.popup-menu .popup-menu-item:checked {
+ font-weight: 500;
+ border: none;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: #f5e0dc !important;
+ border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: #A6ADC8 !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: #BAC2DE !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+ color: rgba(0, 0, 0, 0.38) !important;
+}
+
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item.selected {
+ color: #f5e0dc !important;
+ background-color: rgba(245, 224, 220, 0.12) !important;
+ transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active,
+.popup-menu .popup-menu-item.selected:active {
+ color: #f5e0dc !important;
+ background-color: rgba(245, 224, 220, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+ color: rgba(245, 224, 220, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+ border: none;
+ box-shadow: none;
+ margin: 0 6px;
+ border-radius: 0 0 6px 6px;
+ background-color: #f5e0dc !important;
+ color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+ border-radius: 0;
+ margin: 0;
+ color: rgba(0, 0, 0, 0.6) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
+.popup-menu .popup-sub-menu .popup-menu-item.selected {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+ color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+ .popup-sub-menu
+ .popup-menu-section:last-child
+ .popup-menu-item:last-child {
+ border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-inactive-menu-item {
+ color: #fab387 !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(245, 224, 220, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+ -boxpointer-gap: 4px;
+ margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 16px !important;
+}
+
+.popup-menu-ornament {
+ width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+ text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+ text-align: left;
+}
+
+.background-menu {
+ -boxpointer-gap: 4px;
+ -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+ min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+ padding: 0;
+ margin: 0 3px;
+ -st-icon-style: symbolic;
+}
+
+.quick-settings {
+ padding: 12px !important;
+ border-radius: 12px !important;
+}
+
+.quick-settings .icon-button,
+.quick-settings .button {
+ padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .button > StIcon {
+ icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+ spacing-rows: 12px;
+ spacing-columns: 12px;
+}
+
+.quick-toggle {
+ border-radius: 8px;
+ min-width: 12em;
+ max-width: 12em;
+ min-height: 40px;
+ border: none;
+ border: 1px solid rgba(245, 224, 220, 0.2);
+ background-color: rgba(245, 224, 220, 0.08) !important;
+}
+
+.quick-toggle:hover {
+ background-color: rgba(245, 224, 220, 0.12) !important;
+}
+
+.quick-toggle:active {
+ background-color: rgba(245, 224, 220, 0.15) !important;
+}
+
+.quick-toggle:checked {
+ background-color: #89b4fa !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+ background-color: #89ddff !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+ background-color: #89dceb !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+ spacing: 6px;
+ padding: 0 12px;
+}
+
+.quick-toggle.button {
+ padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+ padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+ padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+ font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon,
+.quick-toggle .quick-toggle-arrow {
+ icon-size: 16px !important;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+ padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+ padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+ background-color: rgba(245, 224, 220, 0.08) !important;
+ padding: 6px 10.5px;
+ icon-size: 16px !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+ background-color: rgba(245, 224, 220, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+ border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+ border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+ padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+ spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+ min-height: 16px;
+ padding: 6px;
+ border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+ icon-size: 16px !important;
+}
+
+.quick-slider .icon-button {
+ background-color: transparent;
+ color: #fab387 !important;
+}
+
+.quick-slider .icon-button:hover {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.quick-slider .icon-button:active {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.quick-toggle-menu {
+ background-color: #45475a !important;
+ color: #f5e0dc !important;
+ border-radius: 12px !important;
+ padding: 12px;
+ margin: 12px 30px 0;
+ box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.quick-toggle-menu .popup-menu-item {
+ min-height: 20px;
+ padding: 6px;
+ spacing: 6px;
+ border-radius: 6px !important;
+ color: #f5e0dc !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+ color: #f5e0dc !important;
+ background-color: rgba(245, 224, 220, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+ color: #f5e0dc !important;
+ background-color: rgba(245, 224, 220, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+ -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+ spacing-rows: 3px;
+ spacing-columns: 12px;
+ padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+ icon-size: 24px;
+ border-radius: 6px;
+ padding: 9px;
+ background-color: #fab387 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle-menu .header .icon.active {
+ background-color: #fab387 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+ spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #fab387;
+ border-radius: 6px;
+ border: 1px solid rgba(245, 224, 220, 0.2);
+}
+
+.quick-settings-system-item .icon-button:hover {
+ background-color: rgba(234, 232, 255, 0.12);
+ color: #89dceb;
+ border-radius: 6px;
+ border: 1px solid rgba(234, 232, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+ -st-icon-style: symbolic;
+ icon-size: 16px !important;
+}
+
+.quick-settings-system-item .power-item {
+ min-height: 0;
+ min-width: 0;
+ color: #fab387;
+}
+
+.quick-settings-system-item .power-item:hover {
+ min-height: 0;
+ min-width: 0;
+ color: #89dceb;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+ color: #fab387;
+ background-color: rgba(24, 24, 37, 0.95);
+ box-shadow: none !important;
+ background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+ icon-size: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+ color: #f5e0dc;
+ font-weight: 300;
+ text-align: center;
+ spacing: 24px;
+ padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+ font-size: 64pt;
+ padding-top: 42px;
+ font-feature-settings: 'tnum';
+}
+
+.unlock-dialog-clock-date {
+ font-size: 16pt;
+ font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+ font-weight: normal;
+ padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+ margin: 12px 0;
+ spacing: 6px;
+ width: 23em;
+ background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 6px;
+ border: none;
+ background-color: rgba(30, 30, 46, 0.95);
+ color: #f5e0dc;
+ border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container
+ .unlock-dialog-notification-source.critical {
+ background-color: #45475a;
+}
+
+.unlock-dialog-notification-label {
+ padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+ weight: bold;
+ padding: 0 6px;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+ border-radius: 9999px;
+ margin-right: 12px;
+}
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle,
+#unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(49, 50, 68, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover,
+#unlockDialogNotifications StButton#vhandle:focus,
+#unlockDialogNotifications StButton#hhandle:hover,
+#unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(49, 50, 68, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active,
+#unlockDialogNotifications StButton#hhandle:active {
+ background-color: rgba(242, 205, 205, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+ padding: 6px;
+}
+
+StScrollView StScrollBar {
+ min-width: 8px;
+ min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+ border-radius: 9999px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(245, 224, 220, 0.5);
+ border: 4px solid transparent;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+ background-color: rgba(245, 224, 220, 0.7);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+ background-color: #f5e0dc;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+ background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+ width: 320px;
+ min-height: 20px;
+ padding: 6px 12px;
+ transition-duration: 150ms;
+ border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+ color: rgba(245, 224, 220, 0.5);
+ icon-size: 16px;
+ margin-top: 0;
+ padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry,
+.login-dialog StEntry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.04);
+ border: 2px solid transparent;
+ box-shadow: none;
+ caret-color: #f5e0dc;
+ selection-background-color: rgba(245, 224, 220, 0.25);
+ selected-color: #f5e0dc;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:hover,
+.login-dialog StEntry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+ color: #f5e0dc;
+ border-color: rgba(245, 224, 220, 0.35);
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus,
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+ color: #f5e0dc;
+ border-color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.04);
+ box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
+.login-dialog StEntry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.app-folder-dialog
+ .folder-name-container
+ .folder-name-entry:hover
+ .search-entry-icon,
+.login-dialog StEntry:hover .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
+.app-folder-dialog
+ .folder-name-container
+ .folder-name-entry:focus
+ .search-entry-icon,
+.login-dialog StEntry:focus .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.35);
+ border-color: transparent;
+}
+
+.app-folder-dialog
+ .folder-name-container
+ .folder-name-entry:insensitive
+ StLabel.hint-text,
+.login-dialog StEntry:insensitive StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+ .folder-name-container
+ .folder-name-entry:insensitive
+ .search-entry-icon,
+.login-dialog StEntry:insensitive .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+/* Search */
+.list-search-result,
+.search-provider-icon {
+ border-radius: 6px;
+ padding: 6px;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.list-search-result:focus,
+.search-provider-icon:focus,
+.list-search-result:hover,
+.search-provider-icon:hover,
+.list-search-result:selected,
+.search-provider-icon:selected {
+ background-color: rgba(245, 224, 220, 0.12);
+ transition-duration: 200ms;
+}
+
+.list-search-result:active,
+.search-provider-icon:active,
+.list-search-result:checked,
+.search-provider-icon:checked {
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+#searchResultsContent {
+ max-width: 1024px;
+ spacing: 8px;
+}
+
+.search-section {
+ spacing: 8px;
+ background: none;
+}
+
+.search-section .search-section-separator {
+ height: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.search-section-content {
+ spacing: 8px;
+ border-radius: 0;
+ padding: 18px;
+ border: none;
+ box-shadow: none;
+ background: none;
+ text-shadow: none;
+ color: #f5e0dc;
+}
+
+.search-statustext {
+ font-size: 2em;
+ font-weight: bold;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.grid-search-results {
+ spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px;
+}
+
+.search-provider-icon
+ .list-search-provider-content
+ .list-search-provider-details {
+ width: 120px;
+ margin-top: 0;
+ color: #f38ba8;
+}
+
+.list-search-results {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+ spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+ color: #ff9e64;
+}
+
+/* Slider */
+.slider {
+ height: 20px;
+ color: rgba(49, 50, 68, 0.95);
+ -slider-height: 2px;
+ -slider-background-color: rgba(245, 224, 220, 0.3);
+ -slider-border-color: #fab387;
+ -slider-active-background-color: #fab387;
+ -slider-active-border-color: #fab387;
+ -slider-border-width: 2px;
+ -slider-handle-radius: 7px;
+ -slider-handle-border-width: 2px;
+ -slider-handle-border-color: #ff9e64;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(245, 224, 220, 0.3);
+ -barlevel-border-color: transparent;
+ -barlevel-active-background-color: #fab387;
+ -barlevel-active-border-color: transparent;
+ -barlevel-overdrive-color: #f38ba8;
+ -barlevel-overdrive-border-color: transparent;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+ padding: 8px;
+ spacing: 24px;
+}
+
+.switcher-list {
+ background-color: rgba(49, 50, 68, 0.95);
+ box-shadow: inset 0 0 0 1px rgba(245, 224, 220, 0.1);
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 15px;
+ border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+ background-color: #45475a;
+ color: #fab387;
+ border-radius: 15px;
+}
+
+.switcher-list .item-box:selected {
+ background-color: #45475a;
+ color: #fab387;
+ border-radius: 15px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(245, 224, 220, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+ spacing: 12px;
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #7dcfff;
+}
+
+.switcher-arrow:highlighted {
+ color: #fab387;
+}
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px;
+}
+
+.cycler-highlight {
+ border: 5px solid #f2cdcd;
+}
+
+/* Switches */
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+ background-image: url('assets/toggle-off-dark.svg');
+}
+
+.toggle-switch:checked {
+ background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-sub-menu .toggle-switch {
+ background-image: url('assets/toggle-off.svg');
+}
+
+.popup-sub-menu .toggle-switch:checked {
+ background-image: url('assets/toggle-on.svg');
+}
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: rgba(242, 205, 205, 0.3);
+ border: 1px solid #f2cdcd;
+ border-radius: 12px;
+}
+
+.tile-preview-left.on-primary {
+ border-radius: 12px;
+}
+
+.tile-preview-right.on-primary {
+ border-radius: 12px;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+ border-radius: 12px;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+ padding: 12px;
+}
+
+.workspace-switcher {
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ spacing: 12px;
+}
+
+.ws-switcher-box {
+ background: transparent;
+ height: 50px;
+ background-size: 32px;
+ background: rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+ height: 52px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 9px;
+ border: none;
+}
+
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 72px;
+ max-column-spacing: 72px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 12px;
+ page-padding-right: 12px;
+}
+
+.page-indicator {
+ padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 10px;
+ background-color: #f5e0dc;
+}
+
+.apps-scroll-view {
+ padding: 0;
+}
+
+.page-navigation-hint {
+ width: 300px;
+}
+
+.page-navigation-hint.dnd {
+ background: rgba(245, 224, 220, 0.1);
+}
+
+.page-navigation-hint.next:ltr,
+.page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(245, 224, 220, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr,
+.page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(245, 224, 220, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+ margin: 6px;
+ padding: 18px;
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+.page-navigation-arrow:active > StIcon {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: #f5e0dc;
+}
+
+#dash {
+ margin-top: 12px;
+ padding: 0 10px;
+}
+
+#dash .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px;
+}
+
+#dash .overview-icon {
+ padding: 5px;
+}
+
+.dash-background {
+ background-color: rgba(245, 224, 220, 0.3);
+ border: 2px solid #fab387;
+ margin-bottom: 16px;
+ padding: 10px;
+ border-radius: 16px;
+}
+
+.dash-item-container .app-well-app,
+.show-apps {
+ padding: 10px 2px 26px;
+}
+
+.dash-separator {
+ width: 1px;
+ margin: 0 7px 16px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.workspace-animation {
+ background-color: rgba(30, 30, 46, 0.95);
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 2px;
+}
+
+.controls-manager,
+.secondary-monitor-workspaces {
+ spacing: 12px;
+}
+
+#overviewGroup {
+ background-color: #11111B;
+}
+
+.osd-window {
+ spacing: 12px;
+ padding: 12px 18px;
+ margin-bottom: 4em;
+}
+
+.osd-window > * {
+ spacing: 8px;
+}
+
+.osd-window StIcon {
+ icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+ margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+ margin-left: 6px;
+}
+
+#appMenu {
+ spacing: 6px;
+}
+
+#appMenu .label-shadow {
+ color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+ padding: 0 6px;
+ spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+ padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+ padding-right: 9px !important;
+ padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+ padding-right: 0 !important;
+ padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+ margin: 6px 0;
+}
+
+.popup-separator-menu-item:ltr {
+ margin-right: 4px;
+}
+
+.popup-separator-menu-item:rtl {
+ margin-left: 4px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+ width: 0 !important;
+}
+
+.popup-sub-menu .popup-separator-menu-item {
+ background-color: transparent;
+}
+
+.popup-sub-menu .popup-separator-menu-item:ltr {
+ margin-right: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item:rtl {
+ margin-left: 2.5em;
+}
+
+.popup-sub-menu
+ .popup-separator-menu-item
+ .popup-separator-menu-item-separator {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 12px !important;
+ margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 12px !important;
+ margin-right: 3px !important;
+}
+
+.search-entry {
+ margin-top: 24px;
+ margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+ spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+ icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+ border-radius: 33px;
+ padding: 18px;
+ padding-bottom: 12px;
+ margin-bottom: 4em;
+ spacing: 12px;
+ border: 2px solid #f2cdcd;
+}
+
+.screenshot-ui-close-button {
+ padding: 6px !important;
+ margin-top: 12px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+ margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+ margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+ min-width: 48px;
+ padding: 12px 18px !important;
+ border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+ border: 4px #f5e0dc;
+ padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+ background-color: #f5e0dc;
+ transition-duration: 200ms;
+ border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+ background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+ background-color: #7F849C;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+ background-color: #f38ba8;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+ background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+ background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+ background-color: #292e42;
+ border-radius: 12px;
+ padding: 3px;
+ spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+ margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+ margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+ padding: 6px 12px;
+ background-color: transparent;
+ border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+ background-color: #45475a;
+}
+
+.screenshot-ui-shot-cast-button:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+ background-color: #f5e0dc;
+ color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+ border-radius: 9999px;
+ padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+ border: 2px #f5e0dc;
+}
+
+.screenshot-ui-area-selector-handle {
+ border-radius: 9999px;
+ background-color: #f5e0dc;
+ box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+ width: 24px;
+ height: 24px;
+}
+
+.screenshot-ui-window-selector {
+ background-color: #313244;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+ margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor
+ .screenshot-ui-window-selector-window-container {
+ margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+ transition-duration: 200ms;
+ border-radius: 12px;
+ border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+ transition-duration: 200ms;
+ color: transparent;
+ border-radius: 99px;
+ border-width: 12px;
+ icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+ .screenshot-ui-window-selector-window-border {
+ border-color: #9399b2;
+}
+
+.screenshot-ui-window-selector-window:checked
+ .screenshot-ui-window-selector-window-border {
+ border-color: #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+ .screenshot-ui-window-selector-check {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+}
+
+.screenshot-ui-screen-selector {
+ transition-duration: 200ms;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+ background-color: transparent;
+ border: 2px #f5e0dc;
+}
+
+.screenshot-ui-tooltip {
+ color: #f5e0dc;
+ background-color: rgba(30, 30, 46, 0.95);
+ border-radius: 9999px;
+ padding: 6px 12px;
+ text-align: center;
+ -y-offset: 24px;
+}
+
+.window-picker {
+ spacing: 6px;
+}
+
+.window-caption {
+ color: #f5e0dc;
+ background-color: rgba(30, 30, 46, 0.95);
+ border-radius: 9999px;
+ padding: 6px 12px;
+}
+
+.window-close,
+.screenshot-ui-close-button {
+ background-color: #313244;
+ color: #f5e0dc;
+ border-radius: 21px;
+ padding: 3px;
+ height: 30px;
+ width: 30px;
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+ transition-duration: 200ms;
+}
+
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+ color: #f5e0dc;
+ background-color: #bb7a61;
+}
+
+.window-close:active,
+.screenshot-ui-close-button:active {
+ color: #f5e0dc;
+ background-color: #823c41;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+ icon-size: 24px;
+}
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: rgba(30, 30, 46, 0.95);
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+ color: rgba(245, 224, 220, 0.7);
+ background-color: rgba(245, 224, 220, 0.12);
+ border: none;
+ border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+ background-image: url('assets/dash-placeholder.svg');
+ background-size: contain;
+ width: 18px;
+ height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+ border: 3px solid #f2cdcd;
+ border-radius: 6px;
+ padding: 0;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+ -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+ -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+ background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+ color: #f5e0dc;
+ background-color: rgba(0, 0, 0, 0.75);
+ text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+ border-radius: 9999px;
+ margin: 2px;
+ padding: 0.2em 0.6em;
+ font-weight: bold;
+ text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash,
+#dashtodockContainer.shrink.straight-corner #dash {
+ border-radius: 0;
+ margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background,
+#dashtodockContainer.shrink.straight-corner #dash .dash-background {
+ border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash,
+#dashtodockContainer.extended.bottom #dash,
+#dashtodockContainer.extended.right #dash,
+#dashtodockContainer.extended.left #dash {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background,
+#dashtodockContainer.extended.bottom #dash .dash-background,
+#dashtodockContainer.extended.right #dash .dash-background,
+#dashtodockContainer.extended.left #dash .dash-background {
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+ margin-top: 0;
+ padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background,
+#dashtodockContainer.right #dash .dash-background {
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app,
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.right .dash-item-container .app-well-app,
+#dashtodockContainer.right .show-apps {
+ padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+ margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+ margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+ background-color: rgba(30, 30, 46, 0.95);
+}
+
+#dashtodockContainer #dash .dash-background {
+ background-color: rgba(30, 30, 46, 0.95);
+ border: 2px solid #fab387;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: #f38ba8;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #A6E3A1 !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+ background-color: #f38ba8;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+ background-color: #A6E3A1 !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon,
+#dashtodockContainer .show-apps:focus .overview-icon,
+#dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+ background-color: rgba(245, 224, 220, 0.12);
+ border-radius: 15px;
+}
+
+#dashtodockContainer .show-apps:active .overview-icon,
+#dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+ background-color: rgba(245, 224, 220, 0.3);
+ border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app .overview-icon {
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 15px;
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
+#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+ background-color: rgba(30, 30, 46, 0.95);
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+ background-color: rgba(33, 33, 33, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+ background-color: rgba(49, 50, 68, 0.95);
+ border: 2px solid #fab387;
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background,
+#dashtodockContainer.transparent:overview #dash .dash-background {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background,
+#dashtodockContainer.opaque.extended:overview #dash .dash-background,
+#dashtodockContainer.transparent.extended:overview #dash .dash-background {
+ background-color: rgba(30, 30, 46, 0.95);
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+ transition-duration: 250ms;
+ background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton,
+#dashtodockContainer.dashtodock .dash-item-container > StButton {
+ padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon,
+#dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+ border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+ border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+ padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+ width: 1px;
+ height: auto;
+ border-right-width: 1px;
+ margin: 32px 0;
+}
+
+.openweather-button,
+.openweather-button-action,
+.openweather-menu-button-container,
+.openweather-button-box {
+ border: 1px solid transparent;
+}
+
+.openweather-provider {
+ padding: 0 16px;
+ font-weight: 500;
+ border: 1px solid transparent;
+}
+
+.openweather-current-icon,
+.openweather-current-summary,
+.openweather-current-summarybox {
+ background: none;
+ color: #f5e0dc;
+}
+
+.openweather-current-databox-values {
+ background: none;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.openweather-current-databox-captions {
+ background: none;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.openweather-forecast-icon,
+.openweather-forecast-summary {
+ background: none;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.openweather-forecast-day,
+.openweather-forecast-temperature {
+ background: none;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.openweather-sunrise-icon,
+.openweather-sunset-icon,
+.openweather-build-icon {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+ background: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/no-events.svg b/src/themes/Catppuccin-Mocha/gnome-shell/no-events.svg
new file mode 100755
index 00000000..d2fcad08
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/no-notifications.svg b/src/themes/Catppuccin-Mocha/gnome-shell/no-notifications.svg
new file mode 100755
index 00000000..175731c1
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/pad-osd.css b/src/themes/Catppuccin-Mocha/gnome-shell/pad-osd.css
new file mode 100644
index 00000000..edec8ac6
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+ stroke-width: 0.5 !important;
+ stroke: #585b70;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: 0.25;
+ stroke: #f5e0dc;
+ fill: #f5e0dc;
+}
+
+.Ring {
+ stroke-width: 0.5 !important;
+ stroke: #585b70 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: 0.1 !important;
+ font-size: 0.1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+ stroke-width: 0.1 !important;
+ stroke: #f5e0dc !important;
+ fill: #585b70 !important;
+}
diff --git a/src/themes/Catppuccin-Mocha/gnome-shell/process-working.svg b/src/themes/Catppuccin-Mocha/gnome-shell/process-working.svg
new file mode 100755
index 00000000..a6586c30
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/gtk-2.0/gtkrc b/src/themes/Catppuccin-Mocha/gtk-2.0/gtkrc
new file mode 100644
index 00000000..2818873a
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1E1E2E\nbg_color:#1E1E2E\ntooltip_bg_color:#1E1E2E\nselected_bg_color:#F38BA8\ntext_color:#F5E0DC\nfg_color:#F5E0DC\ntooltip_fg_color:#F5E0DC\nselected_fg_color:#1E1E2E\nmenubar_bg_color:#1E1E2E\nmenubar_fg_color:#F5E0DC\ntoolbar_bg_color:#1E1E2E\ntoolbar_fg_color:#F5E0DC\nmenu_bg_color:#1E1E2E\nmenu_fg_color:#F5E0DC\npanel_bg_color:#1E1E2E\npanel_fg_color:#F5E0DC\nlink_color:#8642ed\nbtn_bg_color:#181825\nbtn_fg_color:#F5E0DC\ntitlebar_bg_color:#1E1E2E\ntitlebar_fg_color:#F5E0DC\nprimary_caret_color:#F5E0DC\nsecondary_caret_color:#F5E0DC\naccent_bg_color:#F38BA8\n"
+# Default Style
+
+style "murrine-default" {
+ GtkArrow::arrow-scaling= 0.6
+
+ GtkWidget::cursor_color = @primary_caret_color
+ GtkWidget::secondary_cursor_color = @secondary_caret_color
+ GtkWidget::cursor_aspect_ratio = 0.04
+
+ GtkButton::child-displacement-x = 0
+ GtkButton::child-displacement-y = 0
+
+ GtkButton::default-border = { 0, 0, 0, 0 }
+ #GtkButton::inner-border = { 2, 2, 1, 1 }
+ GtkButton::focus-line-width = 1
+ #GtkButton::focus-padding = -4
+
+ GtkButtonBox::child-min-height = 26
+
+ GtkCheckButton::indicator-size = 16
+
+ # The following line hints to gecko (and possibly other appliations)
+ # that the entry should be drawn transparently on the canvas.
+ # Without this, gecko will fill in the background of the entry.
+ GtkEntry::honors-transparent-bg-hint = 1
+ GtkEntry::state-hint = 0
+
+ GtkExpander::expander-size = 16
+
+ GtkImage::x-ayatana-indicator-dynamic = 1
+
+ GtkMenu::horizontal-padding = 0
+ GtkMenu::vertical-padding = 0
+
+ GtkMenuBar::internal-padding = 0
+ GtkMenuBar::window-dragging = 1
+
+ GtkMenuItem::arrow-scaling= 0.5
+
+ GtkPaned::handle-size = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 12
+ GtkProgressBar::min-vertical-bar-width = 12
+
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 12
+ GtkRange::stepper-size = 12
+ GtkRange::stepper_spacing = 0
+ GtkRange::trough-under-steppers = 1
+
+ GtkScale::slider-length = 16
+ GtkScale::slider-width = 16
+ GtkScale::trough-side-details = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::has-secondary-backward-stepper = 0
+ GtkScrollbar::has-secondary-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 80
+ GtkScrollbar::slider-width = 12
+ GtkScrollbar::trough-border = 0
+
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+
+ GtkToolbar::internal-padding = 0
+
+ GtkTreeView::expander-size = 11
+ GtkTreeView::vertical-separator = 0
+
+ GtkWidget::focus-line-width = 1
+ # The following line prevents the Firefox tabs
+ # from jumping a few pixels when you create a new tab
+ GtkWidget::focus-padding = 0
+
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 1
+
+ GtkWindow::resize-grip-height = 0
+ GtkWindow::resize-grip-width = 0
+
+ WnckTasklist::fade-overlay-rect = 0
+
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkIMHtmlr::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @text_color
+
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.02, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.95, @base_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = shade (0.85, @base_color)
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+ engine "murrine" {
+ animation = FALSE
+ arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+ border_shades = { 1.0, 1.0 } # gradient to draw on border
+ border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+ colorize_scrollbar = FALSE
+ comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+ contrast = 0.8 # overal contrast with borders
+ focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+ glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+ glow_shade = 1.0 # amount of glow
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+ highlight_shade = 1.0 # amount of highlight
+ lightborder_shade = 1.0 # amount of inset light border
+ lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = none, 1 = vertical striped
+ progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+ roundness = 20 # roundness of widgets
+ scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = none, 1 = handles
+ stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+ toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+ }
+}
+
+style "murrine-wide" {
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider" {
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-thin" {
+ xthickness = 0
+ ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+ xthickness = 2
+ ythickness = 2
+
+ engine "clearlooks" {
+ radius = 0.1
+ }
+}
+
+# Various Standard Widgets
+
+style "murrine-button" = "murrine-wider" {
+ bg[NORMAL] = @btn_bg_color
+ bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+ bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+ bg[ACTIVE] = shade (0.95, @btn_bg_color)
+ bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+ #xthickness = 4
+ #ythickness = 4
+
+ engine "murrine" {
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ roundness = 20
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ }
+}
+
+style "murrine-buttonlabel" {
+ fg[NORMAL] = @btn_fg_color
+ fg[PRELIGHT] = @btn_fg_color
+ fg[SELECTED] = @btn_fg_color
+ fg[ACTIVE] = @btn_fg_color
+ fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ text[NORMAL] = @btn_fg_color
+ text[PRELIGHT] = @btn_fg_color
+ text[SELECTED] = @btn_fg_color
+ text[ACTIVE] = @btn_fg_color
+ text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ roundness = 0
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ trough_shades = { 0.97, 0.97 }
+ trough_border_shades = { 1.0, 1.0 }
+ }
+}
+
+style "murrine-overlay-scrollbar" {
+ bg[ACTIVE] = shade (0.8, @bg_color)
+ bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+ base[SELECTED] = shade (0.6, @bg_color)
+ base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+ bg[NORMAL] = @btn_bg_color
+ bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ #roundness = 20
+ gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+ #border_shades = { 0.5, 0.5 }
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ #trough_shades = { 1.08, 1.08 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ #roundness = 2
+ roundness = 20
+ border_shades = { 1.2, 1.2 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-treeview" {
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-frame" = "murrine-wide" {
+ bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+ fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+ xthickness = 5
+ ythickness = 5
+
+ bg[NORMAL] = @tooltip_bg_color
+ bg[SELECTED] = @tooltip_bg_color
+
+ fg[NORMAL] = @tooltip_fg_color
+
+ engine "murrine" {
+ textstyle = 0
+ roundness = 2
+ rgba = FALSE
+ }
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+ engine "murrine" {
+ }
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+ bg[SELECTED] = @base_color
+ bg[PRELIGHT] = @bg_color
+
+ text[NORMAL] = @accent_bg_color
+ text[PRELIGHT] = @accent_bg_color
+
+ engine "clearlooks" {
+ radius = 4.0
+ }
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+ bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @text_color
+ text[ACTIVE] = @text_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+ engine "murrine" {
+ #border_shades = { 1.15, 1.15 }
+ border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+ roundness = 20
+ }
+}
+
+style "metacity-frame" = "murrine-default" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+ bg[NORMAL] = @menu_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[INSENSITIVE] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ text[NORMAL] = @menu_fg_color
+ text[PRELIGHT] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ textstyle = 0
+ border_shades = { 1.2, 1.2 }
+ }
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menubaritem" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+ bg[NORMAL] = @toolbar_bg_color
+ bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+ bg[INSENSITIVE] = @toolbar_bg_color
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+ bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+ bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+ bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+ xthickness = 2
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[ACTIVE] = shade (0.8, @panel_bg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+ fg[SELECTED] = shade (1.08, @panel_fg_color)
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[ACTIVE] = shade (0.9, @panel_bg_color)
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = shade (1.08, @panel_fg_color)
+ text[SELECTED] = shade (1.08, @panel_fg_color)
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[ACTIVE] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 60
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = @fg_color
+ XfdesktopIconView::selected-shadow-color = @fg_color
+ XfdesktopIconView::shadow-blur-radius = 2
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+ fg[NORMAL] = @bg_color
+ fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 1
+ Xfwm4TabwinWidget::border-alpha = 1.0
+ Xfwm4TabwinWidget::icon-size = 64
+ Xfwm4TabwinWidget::alpha = 1.0
+ Xfwm4TabwinWidget::border-radius = 2
+
+ bg[NORMAL] = @menu_bg_color
+ bg[SELECTED] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ }
+}
+
+style "xfwm-tabwin-button" {
+ font_name = "bold"
+
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+ bg[SELECTED] = shade (0.5, @menu_bg_color)
+ bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+
+ text[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ }
+}
+
+style "xfsm-logout-button" {
+ bg[NORMAL] = shade (1.2, @menu_bg_color)
+ bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+ engine "murrine" {
+ }
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+ base[NORMAL] = @bg_color
+ base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+ bg[NORMAL] = @bg_color
+ text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[PRELIGHT] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[ACTIVE] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ trough_shades = { 4.97, 4.97 }
+ trough_border_shades = { 5.0, 5.0 }
+ }
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+ engine "murrine" {
+ roundness = 2
+ textstyle = 0
+ }
+}
+
+style "chrome-gtk-frame" {
+ ChromeGtkFrame::frame-color = @titlebar_bg_color
+ ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::frame-gradient-size = 0
+ ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-gradient-size = 0
+ ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::scrollbar-trough-color = @bg_color
+ ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color)
+ ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*" style "clearlooks-notebook"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*" style "murrine-button"
+widget_class "**" style "murrine-statusbar"
+widget_class "*" style "murrine-progressbar"
+widget_class "*" style "murrine-progressbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "**" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item"
+widget_class "**" style "murrine-menubar"
+widget_class "***" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.." style "murrine-frame-title"
+
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+widget_class "*." style "clearlooks-radiocheck"
+widget_class "*.*." style "clearlooks-base-radiocheck"
+widget_class "*" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "**" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @fg_color
+ text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.." style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "**" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+ engine "murrine" {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+ engine "murrine" {
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ highlight_shade = 1.0
+ }
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+ engine "murrine" {
+ textstyle = 0
+ }
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.." style "murrine-buttonlabel"
+widget_class "***" style:highest "murrine-buttonlabel"
+widget_class "***" style:highest "clearlooks-radiocheck-label"
+widget_class "**" style "murrine-buttonlabel"
+widget_class "***" style "murrine-buttonlabel"
+widget_class "***" style:highest "murrine-entry"
+widget_class "****" style:highest "murrine-toolbutton-label"
diff --git a/src/themes/Catppuccin-Mocha/gtk-2.0/gtkrc.hidpi b/src/themes/Catppuccin-Mocha/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 00000000..90a17a6b
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#1E1E2E\nbg_color:#1E1E2E\ntooltip_bg_color:#1E1E2E\nselected_bg_color:#F38BA8\ntext_color:#F5E0DC\nfg_color:#F5E0DC\ntooltip_fg_color:#F5E0DC\nselected_fg_color:#1E1E2E\nmenubar_bg_color:#1E1E2E\nmenubar_fg_color:#F5E0DC\ntoolbar_bg_color:#1E1E2E\ntoolbar_fg_color:#F5E0DC\nmenu_bg_color:#1E1E2E\nmenu_fg_color:#F5E0DC\npanel_bg_color:#1E1E2E\npanel_fg_color:#F5E0DC\nlink_color:#8642ed\nbtn_bg_color:#181825\nbtn_fg_color:#F5E0DC\ntitlebar_bg_color:#1E1E2E\ntitlebar_fg_color:#F5E0DC\nprimary_caret_color:#F5E0DC\nsecondary_caret_color:#F5E0DC\naccent_bg_color:#F38BA8\n"
+# Default Style
+
+style "murrine-default" {
+ GtkArrow::arrow-scaling= 1.0
+
+ GtkButton::child-displacement-x = 0
+ GtkButton::child-displacement-y = 0
+
+ #GtkButton::default-border = { 0, 0, 0, 0 }
+ GtkButton::inner-border = { 0, 0, 1, 0 }
+ GtkButton::focus-line-width = 2
+ #GtkButton::focus-padding = 4
+ GtkButton::focus-padding = 2
+ #GtkButton::interior-focus = 1
+
+ GtkEntry::inner-border = { 4, 4, 5, 4 }
+ GtkComboBox::inner-border = { 4, 4, 6, 5 }
+ GtkComboBoxText::inner-border = { 4, 4, 6, 5 }
+
+ #GtkButtonBox::child-min-height = 52
+
+ GtkCheckButton::indicator-size = 30
+
+ # The following line hints to gecko (and possibly other appliations)
+ # that the entry should be drawn transparently on the canvas.
+ # Without this, gecko will fill in the background of the entry.
+ GtkEntry::honors-transparent-bg-hint = 1
+ GtkEntry::state-hint = 0
+
+ GtkExpander::expander-size = 30
+
+ GtkImage::x-ayatana-indicator-dynamic = 1
+
+ GtkMenu::horizontal-padding = 2
+ GtkMenu::vertical-padding = 2
+
+ GtkMenuBar::internal-padding = 1
+ GtkMenuBar::window-dragging = 1
+
+ GtkMenuItem::arrow-scaling= 0.5
+
+ GtkPaned::handle-size = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 14
+ GtkProgressBar::min-vertical-bar-width = 14
+
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 24
+ GtkRange::stepper-size = 24
+ GtkRange::stepper_spacing = 0
+ GtkRange::trough-under-steppers = 1
+
+ GtkScale::slider-length = 30
+ GtkScale::slider-width = 30
+ GtkScale::trough-side-details = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::has-secondary-backward-stepper = 0
+ GtkScrollbar::has-secondary-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 160
+ GtkScrollbar::slider-width = 24
+ GtkScrollbar::trough-border = 0
+
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+
+ GtkToolbar::internal-padding = 0
+
+ GtkTreeView::expander-size = 22
+ GtkTreeView::vertical-separator = 0
+
+ GtkWidget::focus-line-width = 2
+ # The following line prevents the Firefox tabs
+ # from jumping a few pixels when you create a new tab
+ GtkWidget::focus-padding = 0
+
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 2
+ GtkWidget::separator-height = 2
+
+ GtkWindow::resize-grip-height = 2
+ GtkWindow::resize-grip-width = 2
+
+ WnckTasklist::fade-overlay-rect = 0
+
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkIMHtmlr::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @text_color
+
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+ xthickness = 2
+ ythickness = 2
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.02, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.95, @base_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = shade (0.85, @base_color)
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+ engine "murrine" {
+ animation = FALSE
+ arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+ border_shades = { 1.0, 1.0 } # gradient to draw on border
+ border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+ colorize_scrollbar = FALSE
+ comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+ contrast = 0.8 # overal contrast with borders
+ focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+ glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+ glow_shade = 1.0 # amount of glow
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+ highlight_shade = 1.0 # amount of highlight
+ lightborder_shade = 1.0 # amount of inset light border
+ lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = none, 1 = vertical striped
+ progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+ roundness = 40# roundness of widgets
+ scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = none, 1 = handles
+ stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+ toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+ }
+}
+
+style "murrine-wide" {
+ xthickness = 6
+ ythickness = 6
+}
+
+style "murrine-wider" {
+ xthickness = 10
+ ythickness = 10
+}
+
+style "murrine-thin" {
+ xthickness = 1
+ ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+ xthickness = 8
+ ythickness = 4
+
+ engine "clearlooks" {
+ radius = 0.1
+ }
+}
+
+# Various Standard Widgets
+
+style "murrine-button" = "murrine-wider" {
+ bg[NORMAL] = @btn_bg_color
+ bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+ bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+ bg[ACTIVE] = shade (0.95, @btn_bg_color)
+ bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+ xthickness = 10
+ ythickness = 10
+ #xthickness = 5
+ #ythickness = 5
+
+ engine "murrine" {
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ roundness = 40
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ }
+}
+
+style "murrine-buttonlabel" {
+ fg[NORMAL] = @btn_fg_color
+ fg[PRELIGHT] = @btn_fg_color
+ fg[SELECTED] = @btn_fg_color
+ fg[ACTIVE] = @btn_fg_color
+ fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ text[NORMAL] = @btn_fg_color
+ text[PRELIGHT] = @btn_fg_color
+ text[SELECTED] = @btn_fg_color
+ text[ACTIVE] = @btn_fg_color
+ text[INSENSITIVE] = @btn_fg_color
+ text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+ xthickness = 10
+ ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+ xthickness = 10
+ ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+ text[NORMAL] = @accent_bg_color
+ text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ roundness = 40
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ trough_shades = { 0.97, 0.97 }
+ trough_border_shades = { 1.0, 1.0 }
+ }
+}
+
+style "murrine-overlay-scrollbar" {
+ bg[ACTIVE] = shade (0.8, @bg_color)
+ bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+ base[SELECTED] = shade (0.6, @bg_color)
+ base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+ bg[NORMAL] = @btn_bg_color
+ bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+ engine "murrine" {
+ roundness = 25
+ #roundness = 40
+ gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+ #border_shades = { 0.5, 0.5 }
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ #trough_shades = { 1.08, 1.08 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ roundness = 40
+ border_shades = { 1.2, 1.2 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-treeview" {
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-frame" = "murrine-wide" {
+ bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+ fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+ xthickness = 10
+ ythickness = 10
+
+ bg[NORMAL] = @tooltip_bg_color
+ bg[SELECTED] = @tooltip_bg_color
+
+ fg[NORMAL] = @tooltip_fg_color
+
+ engine "murrine" {
+ textstyle = 0
+ roundness = 40
+ rgba = FALSE
+ }
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+ xthickness = 10
+ ythickness = 10
+ engine "murrine" {
+ }
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+ bg[SELECTED] = @base_color
+ bg[PRELIGHT] = @bg_color
+
+ text[NORMAL] = @accent_bg_color
+ text[PRELIGHT] = @accent_bg_color
+
+ engine "clearlooks" {
+ radius = 40.0
+ }
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+ bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @text_color
+ text[ACTIVE] = @text_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+ xthickness = 10
+ ythickness = 10
+ engine "murrine" {
+ #border_shades = { 1.15, 1.15 }
+ border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+ roundness = 40
+ }
+}
+
+style "metacity-frame" = "murrine-default" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+ bg[NORMAL] = @menu_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[INSENSITIVE] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ text[NORMAL] = @menu_fg_color
+ text[PRELIGHT] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ textstyle = 0
+ border_shades = { 1.2, 1.2 }
+ }
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menubaritem" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+ bg[NORMAL] = @toolbar_bg_color
+ bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+ bg[INSENSITIVE] = @toolbar_bg_color
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+ bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+ bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+ bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+ xthickness = 2
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[ACTIVE] = shade (0.8, @panel_bg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+ fg[SELECTED] = shade (1.08, @panel_fg_color)
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[ACTIVE] = shade (0.9, @panel_bg_color)
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = shade (1.08, @panel_fg_color)
+ text[SELECTED] = shade (1.08, @panel_fg_color)
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[ACTIVE] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 60
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = @fg_color
+ XfdesktopIconView::selected-shadow-color = @fg_color
+ XfdesktopIconView::shadow-blur-radius = 2
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+ fg[NORMAL] = @bg_color
+ fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 1
+ Xfwm4TabwinWidget::border-alpha = 1.0
+ Xfwm4TabwinWidget::icon-size = 64
+ Xfwm4TabwinWidget::alpha = 1.0
+ Xfwm4TabwinWidget::border-radius = 2
+
+ bg[NORMAL] = @menu_bg_color
+ bg[SELECTED] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ }
+}
+
+style "xfwm-tabwin-button" {
+ font_name = "bold"
+
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+ bg[SELECTED] = shade (0.5, @menu_bg_color)
+ bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+
+ text[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ }
+}
+
+style "xfsm-logout-button" {
+ bg[NORMAL] = shade (1.2, @menu_bg_color)
+ bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+ engine "murrine" {
+ }
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+ base[NORMAL] = @bg_color
+ base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+ bg[NORMAL] = @bg_color
+ text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[PRELIGHT] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[ACTIVE] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ trough_shades = { 4.97, 4.97 }
+ trough_border_shades = { 5.0, 5.0 }
+ }
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+ engine "murrine" {
+ roundness = 40
+ textstyle = 0
+ }
+}
+
+style "chrome-gtk-frame" {
+ ChromeGtkFrame::frame-color = @titlebar_bg_color
+ ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::frame-gradient-size = 0
+ ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-gradient-size = 0
+ ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::scrollbar-trough-color = @bg_color
+ ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color)
+ ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*" style "clearlooks-notebook"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*" style "murrine-button"
+widget_class "**" style "murrine-statusbar"
+widget_class "*" style "murrine-progressbar"
+widget_class "*" style "murrine-progressbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "**" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item"
+widget_class "**" style "murrine-menubar"
+widget_class "***" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.." style "murrine-frame-title"
+
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+widget_class "*." style "clearlooks-radiocheck"
+widget_class "*.*." style "clearlooks-base-radiocheck"
+widget_class "*" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "**" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @fg_color
+ text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.." style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "**" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+ engine "murrine" {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+ engine "murrine" {
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ highlight_shade = 1.0
+ }
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding = 0
+ GtkOptionMenu::indicator-size = { 15, 25 }
+ GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+ GtkPaned::handle-size = 5
+ GimpDockWindow::default-height = 600
+ GimpDock::font-scale = 1.0
+ GimpMenuDock::minimal-width = 400
+ GimpToolPalette::tool-icon-size = large-toolbar
+ GimpToolPalette::button-relief = none
+ GimpDockbook::tab-border = 0
+ GimpDockbook::tab-icon-size = button
+ GimpColorNotebook::tab-border = 0
+ GimpColorNotebook::tab-icon-size = button
+ GimpDeviceEditor::handle-size = 30
+ GimpDockable::content-border = 1
+ GimpEditor::content-spacing = 1
+ GimpEditor::button-spacing = 1
+ GimpEditor::button-icon-size = button
+ GimpDataEditor::minimal-height = 150
+ GimpFrame::label-spacing = 5
+ GtkDialog::content-area-border = 2
+ GtkDialog::button-spacing = 20
+ GtkDialog::action-area-border = 25
+ GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+ GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+ bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+ GimpFrame::label-bold = 0
+ GtkButton::focus-line_width = 1
+ GtkButton::focus-padding = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+ GimpRuler::font-scale = 1.0
+ GimpUnitComboBox::label-scale = 1.0
+ GimpScaleComboBox::label-scale = 1.0
+ GtkComboBox::arrow-size = 20
+ GtkButton::inner-border = { 0, 0, 0, 0 }
+ GtkButton::focus-line-width = 0
+ GtkButton::focus-padding = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+ GtkButton::focus-line_width = 2
+}
+widget_class "**" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+ engine "murrine" {
+ textstyle = 0
+ }
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.." style "murrine-buttonlabel"
+widget_class "***" style:highest "murrine-buttonlabel"
+widget_class "***" style:highest "clearlooks-radiocheck-label"
+widget_class "**" style "murrine-comboboxtext"
+widget_class "**" style "murrine-togglebutton"
+widget_class "*." style "murrine-radiocheck"
+widget_class "***" style:highest "murrine-entry"
+widget_class "****" style:highest "murrine-toolbutton-label"
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/check-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 00000000..f2fc5ef1
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/check-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 00000000..464c67ee
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..ad580858
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..b12be3ed
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 00000000..6d975590
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 00000000..e2a252b5
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/dot-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 00000000..8cfdb620
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/dot-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 00000000..7714de69
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/line-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 00000000..ec2566e4
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/line-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 00000000..06ef46eb
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 00000000..9da9f060
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 00000000..55d89167
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 00000000..6d975590
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 00000000..4b00bc19
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-check-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 00000000..d6eb8a5b
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-check-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 00000000..24509026
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..a2ba9819
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..1e1a895c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 00000000..f8703819
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 00000000..99444906
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 00000000..0d11382c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-line-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 00000000..221ae3aa
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-line-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 00000000..16695160
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 00000000..1d96d6cc
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 00000000..4f699370
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 00000000..f8703819
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 00000000..597a4e6f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..63a252bb
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..c8b17ae3
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..fe61efb6
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 00000000..e5099acf
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..14954390
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 00000000..320fe9bb
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 00000000..4449641e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 00000000..7966479f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..a66b5a39
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..f398287c
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..cfbc21dd
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 00000000..2e096715
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..41651c15
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 00000000..640a6671
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 00000000..a276f650
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 00000000..e061e9bf
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..e9319b99
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..483f8e02
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..78d18893
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 00000000..a34601c8
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..f5779e00
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 00000000..c594c1ef
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 00000000..3ac4e8e5
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 00000000..bd90f1dc
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..8bd25116
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..c73d4f7b
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..68e783cb
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 00000000..3ff2e296
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..8444d316
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 00000000..d5a5fe1a
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 00000000..a8ef20f2
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 00000000..95d4a8ad
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 00000000..57cd4ae6
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 00000000..8734299f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 00000000..4157a485
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 00000000..78e50a6e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 00000000..adc12ce2
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 00000000..40ff92e0
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 00000000..8e87ea7e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/gtk-dark.css b/src/themes/Catppuccin-Mocha/gtk-3.0/gtk-dark.css
new file mode 100644
index 00000000..9bd84710
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11467 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #f5e0dc;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #f5e0dc;
+/* widget base background color */
+@define-color theme_bg_color #1e1e2e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1e1e2e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #f2cdcd;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e1e2e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(245, 224, 220, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181825;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #f5e0dc;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #f5e0dc;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1e1e2e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1e1e2e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #f2cdcd;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(245, 224, 220, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(245, 224, 220, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(245, 224, 220, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #f5e0dc;
+@define-color wm_unfocused_title rgba(245, 224, 220, 0.7);
+@define-color wm_highlight rgba(245, 224, 220, 0.1);
+@define-color wm_bg #1e1e2e;
+@define-color wm_unfocused_bg #1e1e2e;
+@define-color wm_button_close_icon #1e1e2e;
+@define-color wm_button_close_hover_bg #f2cdcd;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1e1e2e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #f2cdcd;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #f2cdcd;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1e1e2e;
+@define-color window_fg_color #f5e0dc;
+@define-color view_bg_color #1e1e2e;
+@define-color view_fg_color #f5e0dc;
+@define-color headerbar_bg_color #1e1e2e;
+@define-color headerbar_fg_color #f5e0dc;
+@define-color headerbar_border_color rgba(245, 224, 220, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1e1e2e;
+@define-color card_fg_color #f5e0dc;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1e1e2e;
+@define-color dialog_fg_color #f5e0dc;
+@define-color popover_bg_color #1e1e2e;
+@define-color popover_fg_color #f5e0dc;
+@define-color thumbnail_bg_color #1e1e2e;
+@define-color thumbnail_fg_color #f5e0dc;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #f2cdcd 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #f2cdcd 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -gtktoolbutton-icon-spacing: 0;
+ -gtktextview-error-underline-color: #f38ba8;
+ -gtkscrolledwindow-scrollbar-spacing: 0;
+ -gtktoolitemgroup-expander-size: 11;
+ -gtkwidget-text-handle-width: 24;
+ -gtkwidget-text-handle-height: 24;
+ -gtkdialog-button-spacing: 6;
+ -gtkdialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #f2cdcd;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+ color: #f5e0dc;
+ background-color: #45475A;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+ color: #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #11111b;
+ color: #f5e0dc;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #181825;
+ color: #f5e0dc;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #11111b;
+ color: #f5e0dc;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #1e1e2e;
+}
+
+textview border {
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+ border: 1px solid #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+label:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(30, 30, 46, 0.9);
+ color: #f5e0dc;
+}
+
+.dim-label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(245, 224, 220, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #f5e0dc;
+}
+
+/*********************
+ * 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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical,
+spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #f5e0dc;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(245, 224, 220, 0.3) 50%
+ );
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(245, 224, 220, 0.3) 50%
+ );
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f38ba8;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f9e2af;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #f2cdcd;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #313244;
+ color: #f5e0dc;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f38ba8;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #f9e2af;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f9e2af;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+ background-color: #1e1e2e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.001,
+ to(#f2cdcd),
+ to(transparent)
+ );
+ }
+ to {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.5,
+ to(#f2cdcd),
+ to(transparent)
+ );
+ }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+ color: #f5e0dc;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:not(.suggested-action):not(.destructive-action),
+button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #f5e0dc;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+ box-shadow: none;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.raven .expander-button,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat)
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+ > revealer
+ > box
+ button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:focus,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+ > revealer
+ > box
+ button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:hover,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+ > revealer
+ > box
+ button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:active,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+ > revealer
+ > box
+ button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+ color: #f5e0dc;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:disabled,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+ > revealer
+ > box
+ button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+ > revealer
+ > box
+ button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+ > revealer
+ > box
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.text-button.flat {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.image-button.destructive-action {
+ border-radius: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical)
+ > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+ border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 12px 16px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+ background-color: rgba(147, 153, 178, 0.9844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+ background-color: rgba(147, 153, 178, 0.7844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+ padding: 0;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 205, 205, 0.2),
+ 0 4px 3px 0 rgba(242, 205, 205, 0.14), 0 1px 6px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(242, 205, 205, 0.5);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 205, 205, 0.3),
+ 0 2px 3px -1px rgba(242, 205, 205, 0.24),
+ 0 2px 5px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 205, 205, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #f2cdcd;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+button.destructive-action {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+ 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 139, 130, 0.3),
+ 0 2px 3px -1px rgba(242, 139, 130, 0.24),
+ 0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #f38ba8;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #f5e0dc;
+}
+
+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 {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #74c7ec;
+}
+
+*:visited {
+ color: #cba6f7;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+ color: #74c7ec;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+ color: #cba6f7;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+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 decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(245, 224, 220, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -gtkwidget-window-dragging: true;
+ padding: 2px;
+ background-color: #1e1e2e;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(
+ to bottom,
+ transparent,
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
+ );
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #181825;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+ .linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+ button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+ button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+ button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window
+ .primary-toolbar
+ button:backdrop:checked:disabled:not(.text-button),
+headerbar
+ button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar stackswitcher {
+ border: 2px solid #f2cdcd;
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(245, 224, 220, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(245, 224, 220, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #f2cdcd;
+ color: #1e1e2e;
+}
+
+.titlebar
+ .path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0);
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0);
+ background-color: #f2cdcd;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 10px 20px;
+ border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+ box-shadow: none;
+}
+
+box.vertical headerbar {
+ background-color: #1e1e2e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 120px;
+ padding: 0;
+ background-image: none;
+ background-color: transparent;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+ > stack
+ > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(245, 224, 220, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(245, 224, 220, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+ background-color: #313244;
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle
+ viewswitchertitle
+ > squeezer
+ > viewswitcher
+ > box.horizontal
+ > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #f2cdcd 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #f2cdcd 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+ background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+ min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(245, 224, 220, 0.3);
+ border-top-color: rgba(245, 224, 220, 0.12);
+ min-height: 36px;
+}
+
+* {
+ -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;
+}
+
+window.background.csd
+ treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(245, 224, 220, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+ border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: #f5e0dc;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #f2cdcd;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border: none;
+ border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+ background-color: #1e1e2e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ color: #f2cdcd;
+}
+
+treeview.view acceleditor > label {
+ background-color: #f2cdcd;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -gtkwidget-window-dragging: true;
+ padding: 0;
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #313244;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 2px solid #f2cdcd;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+ border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #f5e0dc;
+ font: initial;
+ font-weight: 500;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ transition: none;
+ background-color: #45475A;
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+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: 8px;
+}
+
+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: 8px;
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #585B70;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #313244;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -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-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #f5e0dc;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #313244;
+ border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+ border: 2px solid #B4BEFE;
+ box-shadow: none;
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #313244;
+}
+
+popover.background.combo viewport.frame > list {
+ background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+ padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+ border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 4px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: #f5e0dc;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #181825;
+ color: #cba6f7;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+notebook,
+notebook.frame {
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: transparent;
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+}
+
+* {
+ -gtkscrollbar-has-backward-stepper: false;
+ -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: transparent;
+}
+
+scrollbar.bottom {
+ border-bottom: transparent;
+}
+
+scrollbar.left {
+ border-bottom: transparent;
+}
+
+scrollbar.right {
+ border-bottom: transparent;
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 4px;
+ min-height: 4px;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scrollbar slider:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 2px;
+ min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 2px;
+ min-height: 2px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+ background-color: transparent;
+ color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: 2px solid rgba(245, 224, 220, 0.7);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: border-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: #f2cdcd;
+ border-color: #f2cdcd;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ margin: 2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.7);
+ border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+ box-shadow: 0 0 0 10px rgba(245, 224, 220, 0.12);
+}
+
+switch:checked slider {
+ background-color: #1e1e2e;
+ color: #1e1e2e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-unchecked-dark.png'),
+ url('assets/selectionmode-checkbox-unchecked-dark@2.png')
+ );
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-checked-dark.png'),
+ url('assets/selectionmode-checkbox-checked-dark@2.png')
+ );
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #f2cdcd;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+ modelbutton.flat
+ radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -12px;
+ margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: -4px;
+ margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+ margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+ margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ color: inherit;
+}
+
+menu menuitem check,
+menu menuitem check:hover,
+menu menuitem check:disabled,
+menu menuitem radio,
+menu menuitem radio:hover,
+menu menuitem radio:disabled {
+ box-shadow: none;
+ color: inherit;
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-unchecked-symbolic.svg')
+ );
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-checked-symbolic.svg')
+ );
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-mixed-symbolic.svg')
+ );
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-unchecked-symbolic.svg')
+ );
+}
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-mixed-symbolic.svg')
+ );
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0,
+ background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked),
+menu menuitem radio:not(:checked) {
+ transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+ color: #f5e0dc;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: #f2cdcd;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+ border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#f2cdcd);
+}
+
+scale highlight:disabled {
+ background-color: #1e1e2e;
+ background-image: image(rgba(245, 224, 220, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #f2cdcd;
+ background-color: #1e1e2e;
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #f2cdcd, 0 0 0 8px rgba(245, 224, 220, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #f2cdcd, 0 0 0 8px rgba(245, 224, 220, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(245, 224, 220, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #f2cdcd;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #f2cdcd;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #f9e2af;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: #f2cdcd;
+}
+
+levelbar block.full {
+ background-color: #81c995;
+}
+
+levelbar block.empty {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(
+ radial,
+ center top,
+ 0,
+ center top,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(
+ radial,
+ center bottom,
+ 0,
+ center bottom,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(
+ radial,
+ left center,
+ 0,
+ left center,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(
+ radial,
+ right center,
+ 0,
+ right center,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+ button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+}
+
+row:selected image,
+row:selected label {
+ color: #f5e0dc;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover,
+expander title > arrow:active {
+ color: #f5e0dc;
+}
+
+expander title > arrow:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 3px 6px;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+calendar:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+}
+
+calendar.button {
+ border-radius: 6px;
+}
+
+calendar.highlight {
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #313244;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+ color: #f5e0dc;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #313244;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+ padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+ margin-left: 0;
+}
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+ color: #f2cdcd;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+ color: #f38ba8;
+}
+
+.csd filechooser {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser revealer box button label {
+ padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+ 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.sidebar list {
+ padding: 3px;
+ background-color: #1e1e2e;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: #f2cdcd;
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #f2cdcd;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #f2cdcd;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(245, 224, 220, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #1e1e2e;
+ background-image: image(rgba(245, 224, 220, 0.12)),
+ image(rgba(245, 224, 220, 0.12));
+ 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;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+ background-color: #1e1e2e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+ background-color: #f5e0dc;
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+ background-color: #f9e2af;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border-radius: 3px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(30, 30, 46, 0.9);
+ color: #f5e0dc;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #f5e0dc;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #f2cdcd;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #1e1e2e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 14px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 16px transparent;
+ border: 2px solid #FAB387;
+ background-clip: border-box;
+ margin: 8px;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+ 0 0 16px transparent;
+ border: 2px solid #585B70;
+ background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+ border-radius: 0;
+ border: none;
+}
+
+.popup decoration {
+ box-shadow: none;
+}
+
+.ssd decoration {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16),
+ 0 0 0 2px #FAB387;
+ border: none;
+ border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16),
+ 0 0 0 2px #585B70;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: 2px solid #B4BEFE;
+ background-clip: border-box;
+}
+
+tooltip.csd decoration {
+ border-radius: 12px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: none;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ border: 2px solid #f2cdcd;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #1e1e2e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 12px;
+ min-width: 12px;
+ padding: 0;
+ margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+ background-color: #fab387;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+ background-color: shade(#fab387, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+ background-color: #a6e3a1;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-color: shade(#a6e3a1, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+ background-color: #f38ba8;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+ background-color: shade(#f38ba8, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+ background-color: #585B70;
+ color: transparent;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #f2cdcd;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/cursor-handle-symbolic.svg')
+ );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(245, 224, 220, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(245, 224, 220, 0.12);
+ background-color: #313244;
+ color: #f5e0dc;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #f2cdcd;
+}
+
+stackswitcher {
+ min-height: 0;
+ border-radius: 9999px;
+ padding: 2px;
+ margin: 6px 0;
+ background-color: transparent;
+ border: 2px solid #f2cdcd;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ border-radius: 9999px;
+ background-color: transparent;
+ min-height: 20px;
+ padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px alpha(#f2cdcd, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(#f2cdcd, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #f2cdcd;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+ padding-left: 12px;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+.nautilus-window.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > separator,
+.nautilus-window.background.csd
+ > deck
+ > box.vertical
+ > paned.horizontal
+ > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+ background-color: #1e1e2e;
+ color: #f2cdcd;
+ margin: 0 0 6px 6px;
+ border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+ background: none;
+ padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable {
+ border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ button.sidebar-button {
+ color: #f2cdcd;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:hover {
+ background-color: #181825;
+ color: #f2cdcd;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected {
+ background-color: #181825;
+ font-weight: 700;
+ border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #cba6f7;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+ background: none;
+ border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+ min-width: 0;
+ min-height: 0;
+ background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+ background-color: transparent;
+ border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+ background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+ background-color: #181825;
+ border-radius: 12px;
+ border: 1px solid rgba(65, 72, 104, 0.2);
+ margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ scrolledwindow
+ > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+ background-color: rgba(245, 224, 220, 0.20);
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > stack
+ > frame
+ > scrolledwindow
+ > viewport
+ > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > actionbar
+ > revealer
+ > box {
+ background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #f5e0dc;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+ image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ color: #cba6f7;
+ background-color: #181825;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ color: #cba6f7;
+ background-color: #181825;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: #181825;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action) {
+ color: #cba6f7;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #f2cdcd;
+ color: #f2cdcd;
+}
+
+.disk-space-display.free {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: rgba(245, 224, 220, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+ border-radius: 6px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > label {
+ margin: 0 8px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > box
+ > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #181825;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ stack
+ scrolledwindow
+ viewport.frame
+ list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #f9e2af;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #181825;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry
+ .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+ margin-right: -66px;
+ padding-right: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(ltr)
+ .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+ margin-left: -66px;
+ padding-left: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(rtl)
+ .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #313244;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+ border: solid 6px transparent;
+ border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+ margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+ margin-right: -3px;
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > list,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+window.background.csd
+ stack
+ stack
+ stack
+ frame
+ > list
+ row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+list.navigation-sidebar > row {
+ border-radius: 6px;
+ margin: 1px 3px;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected {
+ background-color: #313244;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+list.navigation-sidebar > row:selected label {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+ border-bottom-left-radius: 0;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-#f5e0dc,
+.tweak-#f5e0dc,
+.tweak-#f5e0dc:hover {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-group-startup {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+ background-color: inherit;
+ background-image: image(rgba(245, 224, 220, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ background-color: #1e1e2e;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #1e1e2e;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+ border-radius: 0;
+}
+
+window.background.csd.maximized
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.maximized
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view {
+ border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack,
+dialog.background.csd.tiled
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+ background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+ background: none;
+ min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+ > box.vertical
+ > stack
+ > box.vertical
+ > revealer
+ > actionbar
+ > revealer
+ > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:first-child),
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #1e1e2e;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+ background-image: image(#1e1e2e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #f2cdcd;
+ background-color: #1e1e2e;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button,
+layouttab button.image-button,
+layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+ background-color: #1e1e2e;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #181825;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list,
+preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #f2cdcd 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #f2cdcd;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #f5e0dc;
+}
+
+dockoverlayedge {
+ background-color: #1e1e2e;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #f2cdcd;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #f2cdcd;
+}
+
+pillbox {
+ background-color: #1e1e2e;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+ background-color: #1e1e2e;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #f5e0dc;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #1e1e2e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(
+ circle,
+ rgba(242, 205, 205, 0.7) 10%,
+ transparent 0%
+ );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #f2cdcd;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #f2cdcd;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #f5e0dc;
+}
+
+button.photos-filter-preview:checked image {
+ color: #f5e0dc;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#181825);
+}
+
+.side-panel .view:hover {
+ background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+ background-image: image(#f2cdcd);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover)
+ border {
+ border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #1e1e2e;
+}
+
+.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > box.vertical
+ > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #1e1e2e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ padding: 0 2px 3px 2px;
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > frame
+ > scrolledwindow
+ > viewport.frame
+ list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame {
+ border-width: 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame
+ > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#181825);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #181825;
+ color: #f5e0dc;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar {
+ color: #f5e0dc;
+ background-color: #1e1e2e;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > headerbar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > headerbar {
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar {
+ background-color: #1e1e2e;
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar:backdrop,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar:backdrop {
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > box.vertical
+ + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:selected,
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:active {
+ border-radius: 6px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-bottom-width: 0;
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background
+ > revealer
+ > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > border,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > stack
+ > box
+ > .sidebar
+ > scrolledwindow
+ > viewport
+ > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #1e1e2e;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+ box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 2px #FAB387, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+ 0 0 0 2px #585B70, 0 0 16px transparent;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#313244);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+window > notebook > stack {
+ margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #1e1e2e;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #313244;
+}
+
+window.background.chromium decoration {
+ background-clip: padding-box;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #45475A;
+}
+
+window.background.chromium > button {
+ color: #f2cdcd;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #f2cdcd;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid #45475A;
+ background-color: #1e1e2e;
+}
+
+window.background.chromium menu {
+ border-color: #585B70;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+ background-color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #1e1e2e;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #f2cdcd;
+ box-shadow: inset 0 0 0 1px #f2cdcd;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #181825;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate) {
+ color: #7F849C;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):active {
+ color: #7F849C;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(127, 132, 165, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #f5e0dc;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #45475A;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #45475A;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook
+ > viewport.frame
+ > notebook.frame
+ button.close-button
+ image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+ > grid
+ > widget
+ > widget
+ > scrolledwindow
+ > viewport
+ > grid
+ > box
+ > box
+ > frame
+ > box {
+ background-color: #1e1e2e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border: none;
+ border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ margin-top: -2px;
+ border: 2px solid #f2cdcd;
+}
+
+#gnc-id-main-window treeview.view {
+ background-color: #1e1e2e;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -unitydecoration-extents: 28px 0 0 0;
+ -unitydecoration-input-extents: 8px;
+ -unitydecoration-shadow-offset-x: 0;
+ -unitydecoration-shadow-offset-y: 3px;
+ -unitydecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -unitydecoration-active-shadow-radius: 18px;
+ -unitydecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -unitydecoration-inactive-shadow-radius: 6px;
+ -unitydecoration-glow-size: 8px;
+ -unitydecoration-glow-color: #f2cdcd;
+ -unitydecoration-title-indent: 4px;
+ -unitydecoration-title-fade: 32px;
+ -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: rgba(30, 30, 46, 0.95);
+ color: #f5e0dc;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+ animation: spin 1s linear infinite;
+ color: #f2cdcd;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: rgba(30, 30, 46, 0.95);
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(245, 224, 220, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #f5e0dc;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -gtkwidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr),
+.mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr),
+.mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #f2cdcd;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #f2cdcd;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(245, 224, 220, 0.12);
+}
+
+na-tray-applet {
+ -natrayapplet-icon-padding: 3px;
+ -natrayapplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -panelmenubar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #313244;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #f2cdcd;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #1e1e2e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.04);
+ background-image: none;
+ color: #f5e0dc;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.pluma-window
+ paned.horizontal
+ box.vertical
+ notebook.frame
+ box.vertical
+ toolbar.horizontal {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(30, 30, 46, 0.9);
+ color: #f5e0dc;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #f2cdcd;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #313244;
+}
+
+.budgie-popover .container {
+ padding: 6px;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover row button {
+ border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(245, 224, 220, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 6px;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.budgie-popover.bottom
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.budgie-popover button {
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: #f5e0dc;
+ font-weight: normal;
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item) {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+ background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child {
+ margin-bottom: 3px;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child
+ button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(245, 224, 220, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr),
+.bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl),
+.bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout,
+.right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(245, 224, 220, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr),
+.bottom .workspace-switcher .workspace-item:dir(ltr),
+.top .workspace-switcher .workspace-add-button:dir(ltr),
+.bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl),
+.bottom .workspace-switcher .workspace-item:dir(rtl),
+.top .workspace-switcher .workspace-add-button:dir(rtl),
+.bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item,
+.right .workspace-switcher .workspace-item,
+.left .workspace-switcher .workspace-add-button,
+.right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ padding: 0 0;
+ margin: 3px 0;
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+ padding: 0;
+ margin: 0;
+ border-radius: 9999px;
+ background-image: image(rgba(245, 224, 220, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+ color: #f5e0dc;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+ background-image: image(rgba(245, 224, 220, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+ color: #f5e0dc;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+ background-image: image(rgba(245, 224, 220, 0.28));
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(30, 30, 46, 0.95);
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: #181825;
+}
+
+.budgie-panel button {
+ color: rgba(245, 224, 220, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #f5e0dc;
+}
+
+.budgie-panel button:active {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ background: none;
+ box-shadow: none;
+ border: none;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #f38ba8;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):active {
+ color: #f5e0dc;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #f5e0dc;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #313244;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(245, 224, 220, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(245, 224, 220, 0.06);
+ color: #f5e0dc;
+}
+
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:selected
+ label,
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:checked
+ label {
+ color: #f5e0dc;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #181825;
+ color: #f5e0dc;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+ border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #f38ba8;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #f5e0dc;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #1e1e2e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: rgba(30, 30, 46, 0.95);
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+ border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+ border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #f2cdcd;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -xfwmtabwinwidget-icon-size: 64px;
+ -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane
+ treeview.view:not(:hover):not(:selected) {
+ background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #f5e0dc;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #1e1e2e;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #181825;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.places-treeview {
+ -nemoplacestreeview-disk-full-bg-color: #6C7086;
+ -nemoplacestreeview-disk-full-fg-color: #f2cdcd;
+ -nemoplacestreeview-disk-full-bar-width: 2px;
+ -nemoplacestreeview-disk-full-bar-radius: 0;
+ -nemoplacestreeview-disk-full-bottom-padding: 1px;
+ -nemoplacestreeview-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/gtk.css b/src/themes/Catppuccin-Mocha/gtk-3.0/gtk.css
new file mode 100644
index 00000000..9bd84710
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-3.0/gtk.css
@@ -0,0 +1,11467 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #f5e0dc;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #f5e0dc;
+/* widget base background color */
+@define-color theme_bg_color #1e1e2e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1e1e2e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #f2cdcd;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e1e2e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(245, 224, 220, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181825;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #f5e0dc;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #f5e0dc;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1e1e2e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1e1e2e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #f2cdcd;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(245, 224, 220, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(245, 224, 220, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(245, 224, 220, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #f5e0dc;
+@define-color wm_unfocused_title rgba(245, 224, 220, 0.7);
+@define-color wm_highlight rgba(245, 224, 220, 0.1);
+@define-color wm_bg #1e1e2e;
+@define-color wm_unfocused_bg #1e1e2e;
+@define-color wm_button_close_icon #1e1e2e;
+@define-color wm_button_close_hover_bg #f2cdcd;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1e1e2e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #f2cdcd;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #f2cdcd;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1e1e2e;
+@define-color window_fg_color #f5e0dc;
+@define-color view_bg_color #1e1e2e;
+@define-color view_fg_color #f5e0dc;
+@define-color headerbar_bg_color #1e1e2e;
+@define-color headerbar_fg_color #f5e0dc;
+@define-color headerbar_border_color rgba(245, 224, 220, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1e1e2e;
+@define-color card_fg_color #f5e0dc;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1e1e2e;
+@define-color dialog_fg_color #f5e0dc;
+@define-color popover_bg_color #1e1e2e;
+@define-color popover_fg_color #f5e0dc;
+@define-color thumbnail_bg_color #1e1e2e;
+@define-color thumbnail_fg_color #f5e0dc;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #f2cdcd 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #f2cdcd 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -gtktoolbutton-icon-spacing: 0;
+ -gtktextview-error-underline-color: #f38ba8;
+ -gtkscrolledwindow-scrollbar-spacing: 0;
+ -gtktoolitemgroup-expander-size: 11;
+ -gtkwidget-text-handle-width: 24;
+ -gtkwidget-text-handle-height: 24;
+ -gtkdialog-button-spacing: 6;
+ -gtkdialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #f2cdcd;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+ color: #f5e0dc;
+ background-color: #45475A;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+ color: #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #11111b;
+ color: #f5e0dc;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #181825;
+ color: #f5e0dc;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #11111b;
+ color: #f5e0dc;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #1e1e2e;
+}
+
+textview border {
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+ border: 1px solid #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+label:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(30, 30, 46, 0.9);
+ color: #f5e0dc;
+}
+
+.dim-label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(245, 224, 220, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #f5e0dc;
+}
+
+/*********************
+ * 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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical,
+spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #f5e0dc;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(245, 224, 220, 0.3) 50%
+ );
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(245, 224, 220, 0.3) 50%
+ );
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f38ba8;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f9e2af;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #f2cdcd;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #313244;
+ color: #f5e0dc;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f38ba8;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #f9e2af;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f9e2af;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+ background-color: #1e1e2e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.001,
+ to(#f2cdcd),
+ to(transparent)
+ );
+ }
+ to {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.5,
+ to(#f2cdcd),
+ to(transparent)
+ );
+ }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+ color: #f5e0dc;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:not(.suggested-action):not(.destructive-action),
+button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #f5e0dc;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+ box-shadow: none;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.raven .expander-button,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat)
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+ > revealer
+ > box
+ button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:focus,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+ > revealer
+ > box
+ button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:hover,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+ > revealer
+ > box
+ button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:active,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+ > revealer
+ > box
+ button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+ color: #f5e0dc;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:disabled,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+ > revealer
+ > box
+ button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+ > revealer
+ > box
+ button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+ > revealer
+ > box
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.text-button.flat {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.image-button.destructive-action {
+ border-radius: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical)
+ > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+ border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 12px 16px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+ background-color: rgba(147, 153, 178, 0.9844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+ background-color: rgba(147, 153, 178, 0.7844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+ padding: 0;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 205, 205, 0.2),
+ 0 4px 3px 0 rgba(242, 205, 205, 0.14), 0 1px 6px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(242, 205, 205, 0.5);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 205, 205, 0.3),
+ 0 2px 3px -1px rgba(242, 205, 205, 0.24),
+ 0 2px 5px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 205, 205, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #f2cdcd;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+button.destructive-action {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+ 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 139, 130, 0.3),
+ 0 2px 3px -1px rgba(242, 139, 130, 0.24),
+ 0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #f38ba8;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar 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;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #f5e0dc;
+}
+
+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 {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #74c7ec;
+}
+
+*:visited {
+ color: #cba6f7;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+ color: #74c7ec;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+ color: #cba6f7;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+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 decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(245, 224, 220, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -gtkwidget-window-dragging: true;
+ padding: 2px;
+ background-color: #1e1e2e;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(
+ to bottom,
+ transparent,
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
+ );
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #181825;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+ .linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+ button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+ button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+ button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window
+ .primary-toolbar
+ button:backdrop:checked:disabled:not(.text-button),
+headerbar
+ button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.titlebar stackswitcher {
+ border: 2px solid #f2cdcd;
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(245, 224, 220, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(245, 224, 220, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #f2cdcd;
+ color: #1e1e2e;
+}
+
+.titlebar
+ .path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0);
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0);
+ background-color: #f2cdcd;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 10px 20px;
+ border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+ box-shadow: none;
+}
+
+box.vertical headerbar {
+ background-color: #1e1e2e;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 120px;
+ padding: 0;
+ background-image: none;
+ background-color: transparent;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+ > stack
+ > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(245, 224, 220, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(245, 224, 220, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+ background-color: #313244;
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle
+ viewswitchertitle
+ > squeezer
+ > viewswitcher
+ > box.horizontal
+ > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #f2cdcd 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #f2cdcd 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+ background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+ min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(245, 224, 220, 0.3);
+ border-top-color: rgba(245, 224, 220, 0.12);
+ min-height: 36px;
+}
+
+* {
+ -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;
+}
+
+window.background.csd
+ treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(245, 224, 220, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+ border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: #f5e0dc;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #f2cdcd;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border: none;
+ border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+ background-color: #1e1e2e;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ color: #f2cdcd;
+}
+
+treeview.view acceleditor > label {
+ background-color: #f2cdcd;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -gtkwidget-window-dragging: true;
+ padding: 0;
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #313244;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 2px solid #f2cdcd;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+ border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #f5e0dc;
+ font: initial;
+ font-weight: 500;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ transition: none;
+ background-color: #45475A;
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+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: 8px;
+}
+
+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: 8px;
+}
+
+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 .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #585B70;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #313244;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -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-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #f5e0dc;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #313244;
+ border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+ border: 2px solid #B4BEFE;
+ box-shadow: none;
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #313244;
+}
+
+popover.background.combo viewport.frame > list {
+ background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+ padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+ border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 4px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: #f5e0dc;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #181825;
+ color: #cba6f7;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+notebook,
+notebook.frame {
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: transparent;
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+}
+
+* {
+ -gtkscrollbar-has-backward-stepper: false;
+ -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: transparent;
+}
+
+scrollbar.bottom {
+ border-bottom: transparent;
+}
+
+scrollbar.left {
+ border-bottom: transparent;
+}
+
+scrollbar.right {
+ border-bottom: transparent;
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 4px;
+ min-height: 4px;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scrollbar slider:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 2px;
+ min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 2px;
+ min-height: 2px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+ background-color: transparent;
+ color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: 2px solid rgba(245, 224, 220, 0.7);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: border-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: #f2cdcd;
+ border-color: #f2cdcd;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ margin: 2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.7);
+ border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+ box-shadow: 0 0 0 10px rgba(245, 224, 220, 0.12);
+}
+
+switch:checked slider {
+ background-color: #1e1e2e;
+ color: #1e1e2e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-unchecked-dark.png'),
+ url('assets/selectionmode-checkbox-unchecked-dark@2.png')
+ );
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-checked-dark.png'),
+ url('assets/selectionmode-checkbox-checked-dark@2.png')
+ );
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #f2cdcd;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+ modelbutton.flat
+ radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -12px;
+ margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: -4px;
+ margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+ margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+ margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ color: inherit;
+}
+
+menu menuitem check,
+menu menuitem check:hover,
+menu menuitem check:disabled,
+menu menuitem radio,
+menu menuitem radio:hover,
+menu menuitem radio:disabled {
+ box-shadow: none;
+ color: inherit;
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-unchecked-symbolic.svg')
+ );
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-checked-symbolic.svg')
+ );
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-mixed-symbolic.svg')
+ );
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-unchecked-symbolic.svg')
+ );
+}
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-mixed-symbolic.svg')
+ );
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0,
+ background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked),
+menu menuitem radio:not(:checked) {
+ transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+ color: #f5e0dc;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: #f2cdcd;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+ border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#f2cdcd);
+}
+
+scale highlight:disabled {
+ background-color: #1e1e2e;
+ background-image: image(rgba(245, 224, 220, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #f2cdcd;
+ background-color: #1e1e2e;
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #f2cdcd, 0 0 0 8px rgba(245, 224, 220, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #f2cdcd, 0 0 0 8px rgba(245, 224, 220, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(245, 224, 220, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #f2cdcd;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #f2cdcd;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #f9e2af;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: #f2cdcd;
+}
+
+levelbar block.full {
+ background-color: #81c995;
+}
+
+levelbar block.empty {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(
+ radial,
+ center top,
+ 0,
+ center top,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(
+ radial,
+ center bottom,
+ 0,
+ center bottom,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(
+ radial,
+ left center,
+ 0,
+ left center,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(
+ radial,
+ right center,
+ 0,
+ right center,
+ 0.75,
+ to(rgba(242, 205, 205, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+ button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+}
+
+row:selected image,
+row:selected label {
+ color: #f5e0dc;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover,
+expander title > arrow:active {
+ color: #f5e0dc;
+}
+
+expander title > arrow:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 3px 6px;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+calendar:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+}
+
+calendar.button {
+ border-radius: 6px;
+}
+
+calendar.highlight {
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #313244;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+ color: #f5e0dc;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #313244;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+ padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+ margin-left: 0;
+}
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+ color: #f2cdcd;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+ color: #f38ba8;
+}
+
+.csd filechooser {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser revealer box button label {
+ padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+ 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.sidebar list {
+ padding: 3px;
+ background-color: #1e1e2e;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: #f2cdcd;
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #f2cdcd;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #f2cdcd;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(245, 224, 220, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #1e1e2e;
+ background-image: image(rgba(245, 224, 220, 0.12)),
+ image(rgba(245, 224, 220, 0.12));
+ 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;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+ background-color: #1e1e2e;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+ background-color: #f5e0dc;
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+ background-color: #f9e2af;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border-radius: 3px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(30, 30, 46, 0.9);
+ color: #f5e0dc;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #f5e0dc;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #f2cdcd;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #1e1e2e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 14px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 16px transparent;
+ border: 2px solid #FAB387;
+ background-clip: border-box;
+ margin: 8px;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+ 0 0 16px transparent;
+ border: 2px solid #585B70;
+ background-clip: border-box;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+ border-radius: 0;
+ border: none;
+}
+
+.popup decoration {
+ box-shadow: none;
+}
+
+.ssd decoration {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16),
+ 0 0 0 2px #FAB387;
+ border: none;
+ border-radius: 12px 12px 0 0;
+}
+
+.ssd decoration:backdrop {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16),
+ 0 0 0 2px #585B70;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: 2px solid #B4BEFE;
+ background-clip: border-box;
+}
+
+tooltip.csd decoration {
+ border-radius: 12px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: none;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ border: 2px solid #f2cdcd;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #1e1e2e;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 12px;
+ min-width: 12px;
+ padding: 0;
+ margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+ background-color: #fab387;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+ background-color: shade(#fab387, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+ background-color: #a6e3a1;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-color: shade(#a6e3a1, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+ background-color: #f38ba8;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+ background-color: shade(#f38ba8, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+ background-color: #585B70;
+ color: transparent;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #f2cdcd;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/cursor-handle-symbolic.svg')
+ );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(245, 224, 220, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(245, 224, 220, 0.12);
+ background-color: #313244;
+ color: #f5e0dc;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #f2cdcd;
+}
+
+stackswitcher {
+ min-height: 0;
+ border-radius: 9999px;
+ padding: 2px;
+ margin: 6px 0;
+ background-color: transparent;
+ border: 2px solid #f2cdcd;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ border-radius: 9999px;
+ background-color: transparent;
+ min-height: 20px;
+ padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px alpha(#f2cdcd, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(#f2cdcd, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #f2cdcd;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+ padding-left: 12px;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+.nautilus-window.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > separator,
+.nautilus-window.background.csd
+ > deck
+ > box.vertical
+ > paned.horizontal
+ > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+ background-color: #1e1e2e;
+ color: #f2cdcd;
+ margin: 0 0 6px 6px;
+ border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+ background: none;
+ padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable {
+ border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ button.sidebar-button {
+ color: #f2cdcd;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:hover {
+ background-color: #181825;
+ color: #f2cdcd;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected {
+ background-color: #181825;
+ font-weight: 700;
+ border-left: 3px solid #f7768e;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #cba6f7;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+ background: none;
+ border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+ min-width: 0;
+ min-height: 0;
+ background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+ background-color: transparent;
+ border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+ background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+ background-color: #181825;
+ border-radius: 12px;
+ border: 1px solid rgba(65, 72, 104, 0.2);
+ margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ scrolledwindow
+ > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+ background-color: rgba(245, 224, 220, 0.20);
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > stack
+ > frame
+ > scrolledwindow
+ > viewport
+ > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > actionbar
+ > revealer
+ > box {
+ background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #f5e0dc;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+ image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ color: #cba6f7;
+ background-color: #181825;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ color: #cba6f7;
+ background-color: #181825;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: #181825;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action) {
+ color: #cba6f7;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #f2cdcd;
+ color: #f2cdcd;
+}
+
+.disk-space-display.free {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: rgba(245, 224, 220, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+ border-radius: 6px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > label {
+ margin: 0 8px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > box
+ > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #181825;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ stack
+ scrolledwindow
+ viewport.frame
+ list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #f9e2af;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #181825;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry
+ .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+ margin-right: -66px;
+ padding-right: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(ltr)
+ .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+ margin-left: -66px;
+ padding-left: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(rtl)
+ .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #313244;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+ border: solid 6px transparent;
+ border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+ margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+ margin-right: -3px;
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > list,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+window.background.csd
+ stack
+ stack
+ stack
+ frame
+ > list
+ row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+list.navigation-sidebar > row {
+ border-radius: 6px;
+ margin: 1px 3px;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected {
+ background-color: #313244;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+list.navigation-sidebar > row:selected label {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+ border-bottom-left-radius: 0;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-#f5e0dc,
+.tweak-#f5e0dc,
+.tweak-#f5e0dc:hover {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-group-startup {
+ background-image: image(#1e1e2e);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+ background-color: inherit;
+ background-image: image(rgba(245, 224, 220, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ background-color: #1e1e2e;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #1e1e2e;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+ border-radius: 0;
+}
+
+window.background.csd.maximized
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.maximized
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view {
+ border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack,
+dialog.background.csd.tiled
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+ background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+ background: none;
+ min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #1e1e2e;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+ > box.vertical
+ > stack
+ > box.vertical
+ > revealer
+ > actionbar
+ > revealer
+ > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:first-child),
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #1e1e2e;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+ background-image: image(#1e1e2e);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #f2cdcd;
+ background-color: #1e1e2e;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button,
+layouttab button.image-button,
+layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+ background-color: #1e1e2e;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #181825;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list,
+preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #f2cdcd 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #f2cdcd;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #f5e0dc;
+}
+
+dockoverlayedge {
+ background-color: #1e1e2e;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #f2cdcd;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #f2cdcd;
+}
+
+pillbox {
+ background-color: #1e1e2e;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+ background-color: #1e1e2e;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #f5e0dc;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #1e1e2e;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(
+ circle,
+ rgba(242, 205, 205, 0.7) 10%,
+ transparent 0%
+ );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #f2cdcd;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #f2cdcd;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #f5e0dc;
+}
+
+button.photos-filter-preview:checked image {
+ color: #f5e0dc;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#181825);
+}
+
+.side-panel .view:hover {
+ background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+ background-image: image(#f2cdcd);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover)
+ border {
+ border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #1e1e2e;
+}
+
+.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > box.vertical
+ > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #1e1e2e;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ padding: 0 2px 3px 2px;
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > frame
+ > scrolledwindow
+ > viewport.frame
+ list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame {
+ border-width: 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame
+ > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#181825);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #181825;
+ color: #f5e0dc;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar {
+ color: #f5e0dc;
+ background-color: #1e1e2e;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > headerbar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > headerbar {
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar {
+ background-color: #1e1e2e;
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar:backdrop,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar:backdrop {
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > box.vertical
+ + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:selected,
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:active {
+ border-radius: 6px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-bottom-width: 0;
+ background-color: #1e1e2e;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background
+ > revealer
+ > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > border,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > stack
+ > box
+ > .sidebar
+ > scrolledwindow
+ > viewport
+ > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #1e1e2e;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+window.background.csd.unified headerbar.selection-mode {
+ box-shadow: none;
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 2px #FAB387, 0 0 16px transparent;
+}
+
+window.background.csd.unified:backdrop,
+window.background.csd.unified > decoration:backdrop,
+window.background.csd.unified > decoration-overlay:backdrop {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+ 0 0 0 2px #585B70, 0 0 16px transparent;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#313244);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+window > notebook > stack {
+ margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #1e1e2e;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #313244;
+}
+
+window.background.chromium decoration {
+ background-clip: padding-box;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #45475A;
+}
+
+window.background.chromium > button {
+ color: #f2cdcd;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #f2cdcd;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid #45475A;
+ background-color: #1e1e2e;
+}
+
+window.background.chromium menu {
+ border-color: #585B70;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+ background-color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #1e1e2e;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #1e1e2e;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #f2cdcd;
+ box-shadow: inset 0 0 0 1px #f2cdcd;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #181825;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate) {
+ color: #7F849C;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):active {
+ color: #7F849C;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(127, 132, 165, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #f5e0dc;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #45475A;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #45475A;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook
+ > viewport.frame
+ > notebook.frame
+ button.close-button
+ image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+ > grid
+ > widget
+ > widget
+ > scrolledwindow
+ > viewport
+ > grid
+ > box
+ > box
+ > frame
+ > box {
+ background-color: #1e1e2e;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border: none;
+ border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ margin-top: -2px;
+ border: 2px solid #f2cdcd;
+}
+
+#gnc-id-main-window treeview.view {
+ background-color: #1e1e2e;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -unitydecoration-extents: 28px 0 0 0;
+ -unitydecoration-input-extents: 8px;
+ -unitydecoration-shadow-offset-x: 0;
+ -unitydecoration-shadow-offset-y: 3px;
+ -unitydecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -unitydecoration-active-shadow-radius: 18px;
+ -unitydecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -unitydecoration-inactive-shadow-radius: 6px;
+ -unitydecoration-glow-size: 8px;
+ -unitydecoration-glow-color: #f2cdcd;
+ -unitydecoration-title-indent: 4px;
+ -unitydecoration-title-fade: 32px;
+ -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: rgba(30, 30, 46, 0.95);
+ color: #f5e0dc;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+ animation: spin 1s linear infinite;
+ color: #f2cdcd;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: rgba(30, 30, 46, 0.95);
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(245, 224, 220, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(245, 224, 220, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #f5e0dc;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -gtkwidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr),
+.mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr),
+.mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #f2cdcd;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #f2cdcd;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(245, 224, 220, 0.12);
+}
+
+na-tray-applet {
+ -natrayapplet-icon-padding: 3px;
+ -natrayapplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -panelmenubar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #313244;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #f2cdcd;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #f5e0dc;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #1e1e2e;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.04);
+ background-image: none;
+ color: #f5e0dc;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.pluma-window
+ paned.horizontal
+ box.vertical
+ notebook.frame
+ box.vertical
+ toolbar.horizontal {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(30, 30, 46, 0.9);
+ color: #f5e0dc;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #f2cdcd;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #313244;
+}
+
+.budgie-popover .container {
+ padding: 6px;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover row button {
+ border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(245, 224, 220, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 6px;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.budgie-popover.bottom
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.budgie-popover button {
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: #f5e0dc;
+ font-weight: normal;
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item) {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+ background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child {
+ margin-bottom: 3px;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child
+ button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(245, 224, 220, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr),
+.bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl),
+.bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout,
+.right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(245, 224, 220, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr),
+.bottom .workspace-switcher .workspace-item:dir(ltr),
+.top .workspace-switcher .workspace-add-button:dir(ltr),
+.bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl),
+.bottom .workspace-switcher .workspace-item:dir(rtl),
+.top .workspace-switcher .workspace-add-button:dir(rtl),
+.bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item,
+.right .workspace-switcher .workspace-item,
+.left .workspace-switcher .workspace-add-button,
+.right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ padding: 0 0;
+ margin: 3px 0;
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+ padding: 0;
+ margin: 0;
+ border-radius: 9999px;
+ background-image: image(rgba(245, 224, 220, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+ color: #f5e0dc;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+ background-image: image(rgba(245, 224, 220, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+ color: #f5e0dc;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+ background-image: image(rgba(245, 224, 220, 0.28));
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(30, 30, 46, 0.95);
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: #181825;
+}
+
+.budgie-panel button {
+ color: rgba(245, 224, 220, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #f5e0dc;
+}
+
+.budgie-panel button:active {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ background: none;
+ box-shadow: none;
+ border: none;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #f38ba8;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):active {
+ color: #f5e0dc;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #f5e0dc;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #313244;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(245, 224, 220, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(245, 224, 220, 0.06);
+ color: #f5e0dc;
+}
+
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:selected
+ label,
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:checked
+ label {
+ color: #f5e0dc;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #181825;
+ color: #f5e0dc;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+ border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #f38ba8;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #f5e0dc;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #1e1e2e;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: rgba(30, 30, 46, 0.95);
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+ border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+ border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #f2cdcd;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -xfwmtabwinwidget-icon-size: 64px;
+ -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane
+ treeview.view:not(:hover):not(:selected) {
+ background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #f5e0dc;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #1e1e2e;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+ color: #f5e0dc;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #181825;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.places-treeview {
+ -nemoplacestreeview-disk-full-bg-color: #6C7086;
+ -nemoplacestreeview-disk-full-fg-color: #f2cdcd;
+ -nemoplacestreeview-disk-full-bar-width: 2px;
+ -nemoplacestreeview-disk-full-bar-radius: 0;
+ -nemoplacestreeview-disk-full-bottom-padding: 1px;
+ -nemoplacestreeview-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
diff --git a/src/themes/Catppuccin-Mocha/gtk-3.0/thumbnail.png b/src/themes/Catppuccin-Mocha/gtk-3.0/thumbnail.png
new file mode 100644
index 00000000..b11fb661
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-3.0/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/check-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 00000000..f2fc5ef1
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/check-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 00000000..464c67ee
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..ad580858
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..b12be3ed
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 00000000..6d975590
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 00000000..e2a252b5
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/dot-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 00000000..8cfdb620
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/dot-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 00000000..7714de69
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/line-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 00000000..ec2566e4
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/line-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 00000000..06ef46eb
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 00000000..9da9f060
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 00000000..55d89167
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 00000000..6d975590
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 00000000..4b00bc19
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-check-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 00000000..d6eb8a5b
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-check-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 00000000..24509026
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..a2ba9819
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..1e1a895c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 00000000..f8703819
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 00000000..99444906
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 00000000..0d11382c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-line-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 00000000..221ae3aa
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-line-symbolic@2.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 00000000..16695160
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 00000000..1d96d6cc
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 00000000..4f699370
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 00000000..f8703819
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 00000000..597a4e6f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..63a252bb
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..c8b17ae3
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..fe61efb6
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 00000000..e5099acf
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..14954390
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 00000000..320fe9bb
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 00000000..4449641e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 00000000..7966479f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..a66b5a39
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..f398287c
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..cfbc21dd
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 00000000..2e096715
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..41651c15
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 00000000..640a6671
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 00000000..a276f650
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 00000000..e061e9bf
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..e9319b99
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..483f8e02
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..78d18893
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 00000000..a34601c8
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..f5779e00
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 00000000..c594c1ef
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 00000000..3ac4e8e5
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 00000000..bd90f1dc
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..8bd25116
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..c73d4f7b
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..68e783cb
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 00000000..3ff2e296
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..8444d316
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 00000000..d5a5fe1a
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 00000000..a8ef20f2
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 00000000..95d4a8ad
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 00000000..57cd4ae6
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 00000000..8734299f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 00000000..4157a485
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 00000000..78e50a6e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 00000000..adc12ce2
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 00000000..40ff92e0
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 00000000..8e87ea7e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/gtk-dark.css b/src/themes/Catppuccin-Mocha/gtk-4.0/gtk-dark.css
new file mode 100644
index 00000000..7bf96a70
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #f5e0dc;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #f5e0dc;
+/* widget base background color */
+@define-color theme_bg_color #1e1e2e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1e1e2e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #f2cdcd;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e1e2e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(245, 224, 220, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181825;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #f5e0dc;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #f5e0dc;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1e1e2e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1e1e2e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #f2cdcd;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(245, 224, 220, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(245, 224, 220, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(245, 224, 220, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #f5e0dc;
+@define-color wm_unfocused_title rgba(245, 224, 220, 0.7);
+@define-color wm_highlight rgba(245, 224, 220, 0.1);
+@define-color wm_bg #1e1e2e;
+@define-color wm_unfocused_bg #1e1e2e;
+@define-color wm_button_close_icon #1e1e2e;
+@define-color wm_button_close_hover_bg #f2cdcd;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1e1e2e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #f2cdcd;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #f2cdcd;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1e1e2e;
+@define-color window_fg_color #f5e0dc;
+@define-color view_bg_color #1e1e2e;
+@define-color view_fg_color #f5e0dc;
+@define-color headerbar_bg_color #1e1e2e;
+@define-color headerbar_fg_color #f5e0dc;
+@define-color headerbar_border_color rgba(245, 224, 220, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1e1e2e;
+@define-color card_fg_color #f5e0dc;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1e1e2e;
+@define-color dialog_fg_color #f5e0dc;
+@define-color popover_bg_color #1e1e2e;
+@define-color popover_fg_color #f5e0dc;
+@define-color thumbnail_bg_color #1e1e2e;
+@define-color thumbnail_fg_color #f5e0dc;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+dnd {
+ color: #f5e0dc;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+ color: #f5e0dc;
+}
+
+iconview:disabled,
+.view:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+textview text {
+ background-color: #1e1e2e;
+}
+
+textview border {
+ background-color: #181825;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+ border: 1px solid #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: #f5e0dc;
+ background-color: #1e1e2e;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+label:disabled {
+ color: rgba(245, 224, 220, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(24, 24, 37, 0.9);
+ color: #f5e0dc;
+}
+
+label.search-information {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+ color: rgba(245, 224, 220, 0.7);
+ opacity: 1;
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(245, 224, 220, 0.5);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: #f5e0dc;
+}
+
+.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: #f5e0dc;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/*********************
+ * 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;
+}
+
+.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 {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+entry:focus-within {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+ outline: none;
+}
+
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ outline: none;
+}
+
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+entry.search {
+ border-radius: 6px;
+ padding: 2px 12px;
+}
+
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+entry image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+ color: #f5e0dc;
+}
+
+entry image:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(245, 224, 220, 0.3) 50%
+ );
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(245, 224, 220, 0.3) 50%
+ );
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+entry.error:focus-within {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f38ba8;
+ outline: none;
+}
+
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+entry.warning:focus-within {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #fdd633;
+ outline: none;
+}
+
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #f2cdcd;
+ background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+ background-color: #1e1e2e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(
+ farthest-side,
+ #f2cdcd 0%,
+ rgba(242, 205, 205, 0) 0%
+ );
+ }
+ to {
+ background-image: radial-gradient(
+ farthest-side,
+ #f2cdcd 95%,
+ rgba(242, 205, 205, 0)
+ );
+ }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+ button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+ button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+ button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+ button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+ button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #f5e0dc;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+ button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar
+ popover
+ button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+ popover
+ button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+headerbar
+ popover
+ button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+ popover
+ button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #f5e0dc;
+}
+
+headerbar
+ popover
+ button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+headerbar
+ popover
+ button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+ box-shadow: none;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
+}
+
+headerbar
+ popover
+ button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+ box-shadow: none;
+}
+
+headerbar
+ popover
+ button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+ background-color: alpha(currentColor, 0.12);
+ color: #f5e0dc;
+ box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+ opacity: 1;
+ filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+ outline: none;
+ box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(245, 224, 220, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.text-button.flat {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.linked button.image-button {
+ border-radius: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+ padding: 12px 16px;
+ box-shadow: none;
+ background-color: #11111b;
+ color: #f5e0dc;
+}
+
+button.osd:hover {
+ background-color: #45475a;
+ color: #f5e0dc;
+}
+
+button.osd:active {
+ background-color: #080808;
+ color: #f5e0dc;
+}
+
+button.osd.image-button {
+ padding: 6px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 205, 205, 0.2),
+ 0 4px 3px 0 rgba(242, 205, 205, 0.14), 0 1px 6px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 205, 205, 0.3),
+ 0 2px 3px -1px rgba(242, 205, 205, 0.24),
+ 0 2px 5px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 205, 205, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #f2cdcd;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+ opacity: 1;
+ filter: none;
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+button.destructive-action {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+ 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 139, 130, 0.3),
+ 0 2px 3px -1px rgba(242, 139, 130, 0.24),
+ 0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #f38ba8;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.3);
+ opacity: 1;
+ filter: none;
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-clip: padding-box;
+ font-weight: inherit;
+ background-clip: border-box;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #f5e0dc;
+}
+
+button.card:checked {
+ background-image: none;
+ box-shadow: none;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
+ border-color: #f2cdcd;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ box-shadow: none;
+}
+
+button.card:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+ background-image: none;
+}
+
+button.card.has-open-popup:checked {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #fab387;
+ box-shadow: inset 0 0 0 1px #fab387;
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box,
+button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+ border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+ padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+ padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #f2cdcd;
+ color: #f5e0dc;
+}
+
+menubutton.destructive-action {
+ background-color: #f38ba8;
+ color: #f5e0dc;
+}
+
+menubutton.opaque {
+ background-color: #585b70;
+ color: #f5e0dc;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+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');
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton:disabled {
+ filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+ filter: none;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(245, 224, 220, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #f2cdcd;
+ color: #f5e0dc;
+}
+
+splitbutton.destructive-action {
+ background-color: #f38ba8;
+ color: #f5e0dc;
+}
+
+splitbutton.opaque {
+ background-color: #585b70;
+ color: #f5e0dc;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(245, 224, 220, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(245, 224, 220, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+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;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #f5e0dc;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #74c7ec;
+}
+
+link:visited {
+ color: #cba6f7;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+ color: #74c7ec;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+ color: #cba6f7;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ min-height: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+spinbutton:focus-within {
+ background-color: rgba(245, 224, 220, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+ outline: none;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ margin: 0;
+ padding-left: 12px;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+ > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+spinbutton.vertical > button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+ margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+ margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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 button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: #f5e0dc;
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(245, 224, 220, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+button.combo:only-child:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+button.combo:only-child:active {
+ background-color: alpha(currentColor, 0.12);
+ color: #f5e0dc;
+ box-shadow: none;
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+ outline: none;
+ box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+ padding: 3px 6px;
+ background-color: #1e1e2e;
+ border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+ background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(
+ to bottom,
+ transparent,
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
+ );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+ margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+ border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #f5e0dc;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+ button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+headerbar
+ button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+headerbar
+ button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+headerbar
+ button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+headerbar entry {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: #f5e0dc;
+}
+
+headerbar entry:focus-within {
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+headerbar entry:disabled {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar entry image {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+ color: #f5e0dc;
+}
+
+headerbar entry image:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ box-shadow: none;
+}
+
+headerbar:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+headerbar.flat {
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar > windowhandle > box {
+ padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.5);
+}
+
+headerbar stackswitcher {
+ margin: 6px 0;
+ border-radius: 9999px;
+ border: 2px solid #f2cdcd;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0);
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0);
+ background-color: #f2cdcd;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+ border-radius: 0;
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+ background: #1e1e2e
+ cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+ 90% 0/256px 256px no-repeat,
+ linear-gradient(to right, transparent 65%, rgba(242, 205, 205, 0.1)),
+ linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+ background: #1e1e2e
+ cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+ 90% 0/256px 256px no-repeat,
+ image(#1e1e2e);
+ /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+pathbar > button.text-button {
+ min-width: 0;
+}
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.pathbar {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.7);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(245, 224, 220, 0.04);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+ outline: none;
+ box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #45475a;
+ border-top-color: #45475a;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+ background-color: alpha(currentColor, 0.1);
+ box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(245, 224, 220, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+ border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+ border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+ 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(245, 224, 220, 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: #f5e0dc;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: #f5e0dc;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+ color: #f5e0dc;
+}
+
+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: rgba(245, 224, 220, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #f2cdcd;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(245, 224, 220, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #1e1e2e;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ color: #f2cdcd;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #f2cdcd;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ color: #f5e0dc;
+}
+
+menubar:backdrop {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+menubar > item:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #313244;
+ background-clip: border-box;
+ border-radius: 12px;
+ color: #f5e0dc;
+ border: 2px solid #B4BEFE;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+ border: 2px solid #B4BEFE;
+}
+
+popover.background separator {
+ margin: 6px 0;
+}
+
+popover.background modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ border-radius: 6px;
+ color: #f5e0dc;
+ font: initial;
+ text-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+
+popover.background modelbutton:hover {
+ transition: none;
+ background-color: #45475A;
+ color: #cba6f7;
+}
+
+popover.background modelbutton:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > contents separator {
+ background-color: rgba(245, 224, 220, 0.12);
+ margin: 3px 0;
+}
+
+popover.background > contents list separator {
+ margin: 0;
+}
+
+popover.background > contents stack > box {
+ padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+ margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+.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: none;
+ box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(245, 224, 220, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+ background-color: rgba(245, 224, 220, 0.04);
+ color: #cba6f7;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #313244;
+ color: #cba6f7;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+notebook,
+notebook.frame {
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(245, 224, 220, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar .box {
+ min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+ border: none;
+ background-color: transparent;
+ padding: 0;
+ margin: 3px;
+ border-radius: 12px;
+ box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+ filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+ margin: 3px;
+ padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ padding-left: 0;
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ margin: 24px;
+ outline: none;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+ 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+ min-height: 2px;
+ border-radius: 2px;
+ background: alpha(#f2cdcd, 0.5);
+ transform: translateY(4px);
+}
+
+tabthumbnail {
+ border-radius: 10px;
+ transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+ background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+ margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(#fab387, 0.4);
+ background-color: alpha(#fab387, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+ transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+ transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+ background: #f2cdcd;
+ min-width: 12px;
+ min-height: 12px;
+ border-radius: 6px;
+ margin: 3px;
+ box-shadow: 0 1px 2px alpha(#f2cdcd, 0.4);
+}
+
+tabthumbnail .card {
+ background: none;
+ color: inherit;
+}
+
+tabthumbnail .card picture {
+ outline: none;
+ border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+tabthumbnail .pinned-box {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+ border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+ margin: 6px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+ background: none;
+ color: inherit;
+ box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+ margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+}
+
+scrollbar > range > trough {
+ outline: none;
+ background: none;
+ border: none;
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(245, 224, 220, 0.5);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(245, 224, 220, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: #f5e0dc;
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+ > range
+ > trough
+ > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(245, 224, 220, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+ > range
+ > trough
+ > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+ > range
+ > trough
+ > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+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');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: 2px solid rgba(245, 224, 220, 0.7);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #f2cdcd;
+ border-color: #f2cdcd;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ margin: 2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: rgba(245, 224, 220, 0.7);
+ border: none;
+}
+
+switch:focus > slider {
+ box-shadow: 0 0 0 10px rgba(245, 224, 220, 0.04);
+}
+
+switch:hover > slider {
+ box-shadow: 0 0 0 10px rgba(245, 224, 220, 0.12);
+}
+
+switch:focus:hover > slider {
+ box-shadow: 0 0 0 10px rgba(245, 224, 220, 0.12);
+}
+
+switch:checked > slider {
+ background-color: #1e1e2e;
+ color: #1e1e2e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+ padding: 0;
+ margin: 3px;
+ border: 2px solid rgba(245, 224, 220, 0.7);
+ background-clip: border-box;
+ background-color: transparent;
+ border-radius: 9999px;
+ box-shadow: 0 0 0 10px transparent;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ border-color: inherit;
+ box-shadow: 0 0 0 10px rgba(245, 224, 220, 0.04);
+}
+
+check:active,
+radio:active {
+ border-color: #f5e0dc;
+ box-shadow: 0 0 0 10px rgba(245, 224, 220, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ border-color: transparent;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ border-color: transparent;
+ background-color: rgba(245, 224, 220, 0.3);
+ color: #1e1e2e;
+}
+
+check:disabled,
+radio:disabled {
+ border-color: rgba(245, 224, 220, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+ box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+ border-color: transparent;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+ border-color: transparent;
+ background-color: rgba(0, 0, 0, 0.87);
+ color: #f2cdcd;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+ border-color: transparent;
+ background-color: rgba(245, 224, 220, 0.3);
+ color: #1e1e2e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ box-shadow: none;
+ color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+ );
+}
+
+check:indeterminate,
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+ );
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+checkbutton.theme-selector
+ radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+ border-color: transparent;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+ padding: 6px;
+}
+
+themeswitcher .check {
+ min-height: 16px;
+ min-width: 16px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 2px;
+ border-radius: 9999px;
+ margin: 3px;
+ -gtk-icon-size: 20px;
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+themeswitcher .check:hover {
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+ padding: 0;
+ margin: 2px;
+ min-height: 48px;
+ min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+ outline-color: rgba(245, 224, 220, 0.12);
+ outline-width: 1px;
+ outline-offset: -1px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ -gtk-icon-source: none;
+ transition: none;
+ border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+ outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+ background-image: linear-gradient(-45deg, #181825 49.99%, #f5e0dc 50.01%);
+ background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+ color: rgba(0, 0, 0, 0.8);
+ background-color: #f5e0dc;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+ color: #f5e0dc;
+ background-image: image(#181825);
+ background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#f2cdcd);
+}
+
+scale highlight:disabled {
+ background-color: #1e1e2e;
+ background-image: image(rgba(245, 224, 220, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #f2cdcd;
+ background-color: #1e1e2e;
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #f2cdcd, 0 0 0 8px rgba(245, 224, 220, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #f2cdcd, 0 0 0 8px rgba(245, 224, 220, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(245, 224, 220, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(245, 224, 220, 0.3);
+ color: transparent;
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+ );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+ );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(245, 224, 220, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #f2cdcd;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #f2cdcd;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: #f2cdcd;
+}
+
+levelbar block.full {
+ background-color: #81c995;
+}
+
+levelbar block.empty {
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: #f5e0dc;
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at top,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at bottom,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at left,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at right,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+ border-color: rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+listview row,
+list row {
+ padding: 2px;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: #f5e0dc;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(245, 224, 220, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+ box-shadow: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+ color: #f5e0dc;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+treeexpander {
+ border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #f2cdcd;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+ border-spacing: 9px;
+ padding: 9px;
+ border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(245, 224, 220, 0.7);
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+ color: #f5e0dc;
+}
+
+expander:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.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 {
+ padding: 0;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ border-radius: 6px;
+ color: #f5e0dc;
+}
+
+calendar:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 9999px;
+ margin: 0;
+}
+
+calendar > grid > label.today {
+ box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+ color: #f5e0dc;
+ background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+ background-color: #313244;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+ color: #f5e0dc;
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #313244;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+ margin-top: -6px;
+ padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+ border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+window.dialog.message.csd
+ .dialog-action-area
+ > button.destructive-action:not(:disabled) {
+ color: #f38ba8;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background-color: #1e1e2e;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+ border-right: 1px solid rgba(245, 224, 220, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+ border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+ border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+ border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 4px 0;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px 9px;
+ border-radius: 6px;
+ margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+ font-weight: 500;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(245, 224, 220, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+ background-color: rgba(245, 224, 220, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ border-right: none;
+ margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+ min-height: 32px;
+ padding: 2px 4px;
+ margin: 1px 0;
+ border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+ background-color: #313244;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+ color: rgba(245, 224, 220, 0.5);
+}
+
+.navigation-sidebar > separator {
+ margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+placessidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+ font-weight: 500;
+}
+
+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 {
+ color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+ color: #f2cdcd;
+}
+
+placessidebar
+ .navigation-sidebar
+ > row.sidebar-new-bookmark-row
+ image.sidebar-icon {
+ color: #f2cdcd;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: image(#45475a);
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #1e1e2e;
+ background-image: image(#45475a), image(#45475a);
+ 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;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+ background-color: #181825;
+ color: #f2cdcd;
+ border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #f5e0dc;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+ background-color: #313244;
+ color: #f2cdcd;
+ border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+ background-color: #fdd633;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #f9e2af;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border: none;
+ background-clip: padding-box;
+ padding: 6px 12px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(24, 24, 37, 0.9);
+ color: #f5e0dc;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+ color: #f5e0dc;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+ border-radius: 12px 12px 0 0;
+ color: #f5e0dc;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: #313244;
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #313244;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #1e1e2e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 2px #FAB387, 0 0 16px transparent;
+}
+
+window.csd {
+ border-radius: 12px;
+}
+
+window:backdrop {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+ 0 0 0 2px #585B70, 0 0 16px transparent;
+}
+
+window.popup {
+ border-radius: 12px;
+ box-shadow: none;
+}
+
+window.dialog.message {
+ border-radius: 12px;
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #1e1e2e;
+ border: 2px solid #f2cdcd;
+}
+
+window.solid-csd:backdrop {
+ background-color: #1e1e2e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+ border-radius: 0;
+ outline-width: 0;
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+ margin-left: 15px;
+ margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+ margin-left: 15px;
+ margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 12px;
+ min-width: 12px;
+ padding: 0;
+ margin: 0 2px;
+ border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols
+ button.minimize:not(.suggested-action):not(.destructive-action)
+ image,
+windowcontrols
+ button.maximize:not(.suggested-action):not(.destructive-action)
+ image,
+windowcontrols
+ button.close:not(.suggested-action):not(.destructive-action)
+ image {
+ padding: 0;
+}
+
+windowcontrols
+ button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#ff9e64, 0.5);
+}
+
+windowcontrols
+ button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#9ece6a, 0.5);
+}
+
+windowcontrols
+ button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#f7768e, 0.5);
+}
+
+windowcontrols
+ button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #ff9e64;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #9ece6a;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f7768e;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+ background-color: #585b70;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+ color: #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+ color: #CBA6F7;
+ background-color: #45475A;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #f2cdcd;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/cursor-handle-symbolic.svg')
+ );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(245, 224, 220, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(245, 224, 220, 0.12);
+ background-color: #313244;
+ color: #f5e0dc;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #f2cdcd;
+}
+
+stackswitcher {
+ min-height: 0;
+ border-radius: 9999px;
+ padding: 2px;
+ margin: 6px 0;
+ background-color: transparent;
+ border: 2px solid #f2cdcd;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ min-height: 20px;
+ padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+ background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 100px;
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher.circular {
+ border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(245, 224, 220, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #f2cdcd;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+.nautilus-window {
+ background-color: #1e1e2e;
+}
+
+.nautilus-window:backdrop {
+ background-color: #1e1e2e;
+}
+
+.nautilus-window headerbar {
+ box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+ padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+ background-color: transparent;
+ color: rgba(245, 224, 220, 0.7);
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar {
+ background: none;
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > separator {
+ background: rgba(245, 224, 220, 0.1);
+}
+
+.nautilus-window .vertical separator {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable {
+ border-radius: 6px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ button.sidebar-button {
+ color: #f5e0dc;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:hover {
+ background-color: rgba(245, 224, 220, 0.12);
+ color: #f5e0dc;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected {
+ background-color: #181825;
+ font-weight: 700;
+ border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #cba6f7;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(245, 224, 220, 0.3);
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though
+ > slider {
+ border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+ margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+ background-color: #1e1e2e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+ background-color: #181825;
+ border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+ background: none;
+}
+
+.nautilus-window placesview label {
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.nautilus-window infobar {
+ margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+ border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+ margin: 3px;
+ border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+ 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+}
+
+#NautilusQueryEditor > text {
+ margin: 0;
+}
+
+#NautilusPathBar {
+ background-color: #181825;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+ color: #cba6f7;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+ margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+ margin: 3px;
+ padding: 0;
+ min-height: 22px;
+ min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.history-view {
+ background-color: #1e1e2e;
+}
+
+#displayitem {
+ border-top: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.small .card {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.small .card.forecast-card {
+ border-width: 1px 0;
+}
+
+.small .card.display-container {
+ border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+ background-color: rgba(245, 224, 220, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(245, 224, 220, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(245, 224, 220, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+ border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+flowboxchild > button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+ padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(245, 224, 220, 0.12);
+}
+
+carousel.card {
+ border: none;
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+ color: #f5e0dc;
+ background-color: rgba(245, 224, 220, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+ color: #4cb168;
+ background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+ color: #74c7ec;
+ background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+ color: #e1b602;
+ background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #ff9800;
+ background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+ color: #eb4b3d;
+ background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: #f5e0dc;
+}
+
+.category-tile.category-create:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 1.07) 0%,
+ shade(#2861c6, 1.1) 100%
+ );
+}
+
+.category-tile.category-create:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 0.95) 0%,
+ shade(#2861c6, 0.95) 100%
+ );
+}
+
+.category-tile.category-develop {
+ background: #5e5c64;
+ color: #f5e0dc;
+}
+
+.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: #f5e0dc;
+}
+
+.category-tile.category-learn:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 1.06) 30%,
+ shade(#27a66c, 1.06) 100%
+ );
+}
+
+.category-tile.category-learn:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 0.95) 30%,
+ shade(#27a66c, 0.95) 100%
+ );
+}
+
+.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+.category-tile.category-play:hover {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 1.07) 0%,
+ shade(#eb5ec3, 1.07) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-play:active {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 0.97) 0%,
+ shade(#eb5ec3, 0.95) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(245, 224, 220, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 1.08) 0%,
+ shade(#f77466, 1.08) 100%
+ );
+}
+
+.category-tile.category-socialize:active {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 0.95) 0%,
+ shade(#f77466, 0.95) 100%
+ );
+}
+
+.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(
+ rgba(245, 224, 220, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(245, 224, 220, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+ background-color: #fefcef;
+ background-image: linear-gradient(
+ rgba(245, 224, 220, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(245, 224, 220, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+ background-color: #fcf4bf;
+ background-image: linear-gradient(
+ rgba(245, 224, 220, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(245, 224, 220, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+ padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+ box-shadow: inset 0 -1px rgba(245, 224, 220, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+ border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+ border-radius: 6px;
+ padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+ border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 6px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: rgba(245, 224, 220, 0.04);
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(245, 224, 220, 0.12);
+}
+
+.frameheader.header
+ tabbar.inline
+ > revealer
+ > box
+ .end-action
+ menubutton
+ > button {
+ margin: 6px;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+ border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar {
+ background-color: #1e1e2e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(245, 224, 220, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(245, 224, 220, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #f2cdcd;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:first-child,
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ 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: #f5e0dc;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ box-shadow: none;
+ border: 1px solid rgba(245, 224, 220, 0.12);
+ background-clip: border-box;
+ background-color: #1e1e2e;
+ color: rgba(245, 224, 220, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+ > box
+ button.background-preview-button.toggle
+ > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(245, 224, 220, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(245, 224, 220, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #f2cdcd;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+ 0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(245, 224, 220, 0.1);
+ background-color: #11111b;
+ color: #f5e0dc;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label {
+ color: #f2cdcd;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+ border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 119px;
+ padding: 0;
+ background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+ background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+ color: #f2cdcd;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+ min-height: 0;
+ margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 0 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ padding: 0;
+ background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 2px 5px;
+ color: #f5e0dc;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #f2cdcd;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/gtk.css b/src/themes/Catppuccin-Mocha/gtk-4.0/gtk.css
new file mode 100644
index 00000000..38cc966e
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/gtk-4.0/gtk.css
@@ -0,0 +1,7011 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #f5e0dc;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #f5e0dc;
+/* widget base background color */
+@define-color theme_bg_color #1e1e2e;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1e1e2e;
+/* base background color of selections */
+@define-color theme_selected_bg_color #f2cdcd;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e1e2e;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181825;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #f5e0dc;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #f5e0dc;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1e1e2e;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1e1e2e;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #f2cdcd;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(192, 202, 245, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #f5e0dc;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1e1e2e;
+@define-color wm_unfocused_bg #1e1e2e;
+@define-color wm_button_close_icon #1e1e2e;
+@define-color wm_button_close_hover_bg #f2cdcd;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1e1e2e;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active #f5e0dc;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #f2cdcd;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #f2cdcd;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1e1e2e;
+@define-color window_fg_color #f5e0dc;
+@define-color view_bg_color #1e1e2e;
+@define-color view_fg_color #f5e0dc;
+@define-color headerbar_bg_color #1e1e2e;
+@define-color headerbar_fg_color #f5e0dc;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1e1e2e;
+@define-color card_fg_color #f5e0dc;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1e1e2e;
+@define-color dialog_fg_color #f5e0dc;
+@define-color popover_bg_color #1e1e2e;
+@define-color popover_fg_color #f5e0dc;
+@define-color thumbnail_bg_color #1e1e2e;
+@define-color thumbnail_fg_color #f5e0dc;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+dnd {
+ color: #f5e0dc;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+ color: #f5e0dc;
+}
+
+iconview:disabled,
+.view:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+textview text {
+ background-color: #1e1e2e;
+}
+
+textview border {
+ background-color: #181825;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+ border: 1px solid #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: #f5e0dc;
+ background-color: #1e1e2e;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+label:disabled {
+ color: rgba(192, 202, 245, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(24, 24, 37, 0.9);
+ color: #f5e0dc;
+}
+
+label.search-information {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+ color: rgba(192, 202, 245, 0.7);
+ opacity: 1;
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(192, 202, 245, 0.5);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: #f5e0dc;
+}
+
+.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: #f5e0dc;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/*********************
+ * 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;
+}
+
+.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 {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+entry:focus-within {
+ background-color: rgba(192, 202, 245, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+ outline: none;
+}
+
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ outline: none;
+}
+
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+entry.search {
+ border-radius: 6px;
+ padding: 2px 12px;
+}
+
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+entry image {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+ color: #f5e0dc;
+}
+
+entry image:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(192, 202, 245, 0.3) 50%
+ );
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(192, 202, 245, 0.3) 50%
+ );
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+entry.error:focus-within {
+ background-color: rgba(192, 202, 245, 0.08);
+ box-shadow: inset 0 0 0 2px #f38ba8;
+ outline: none;
+}
+
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+entry.warning:focus-within {
+ background-color: rgba(192, 202, 245, 0.08);
+ box-shadow: inset 0 0 0 2px #fdd633;
+ outline: none;
+}
+
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #f2cdcd;
+ background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+ background-color: #1e1e2e;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.12);
+ color: #f5e0dc;
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(
+ farthest-side,
+ #f2cdcd 0%,
+ rgba(242, 205, 205, 0) 0%
+ );
+ }
+ to {
+ background-image: radial-gradient(
+ farthest-side,
+ #f2cdcd 95%,
+ rgba(242, 205, 205, 0)
+ );
+ }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+ button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+ button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+ button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+ button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+ button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #f5e0dc;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+ button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar
+ popover
+ button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+ popover
+ button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+headerbar
+ popover
+ button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+ popover
+ button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #f5e0dc;
+}
+
+headerbar
+ popover
+ button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+headerbar
+ popover
+ button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+ box-shadow: none;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
+}
+
+headerbar
+ popover
+ button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+ box-shadow: none;
+}
+
+headerbar
+ popover
+ button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+ background-color: transparent;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+ background-color: alpha(currentColor, 0.12);
+ color: #f5e0dc;
+ box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(192, 202, 245, 0.3);
+ opacity: 1;
+ filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+ outline: none;
+ box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(192, 202, 245, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.text-button.flat {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.linked button.image-button {
+ border-radius: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+ padding: 12px 16px;
+ box-shadow: none;
+ background-color: #11111b;
+ color: #f5e0dc;
+}
+
+button.osd:hover {
+ background-color: #45475a;
+ color: #f5e0dc;
+}
+
+button.osd:active {
+ background-color: #080808;
+ color: #f5e0dc;
+}
+
+button.osd.image-button {
+ padding: 6px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 205, 205, 0.2),
+ 0 4px 3px 0 rgba(242, 205, 205, 0.14), 0 1px 6px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 205, 205, 0.3),
+ 0 2px 3px -1px rgba(242, 205, 205, 0.24),
+ 0 2px 5px 0 rgba(242, 205, 205, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 205, 205, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #f2cdcd;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(192, 202, 245, 0.3);
+ opacity: 1;
+ filter: none;
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(242, 205, 205, 0.3);
+}
+
+button.destructive-action {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+ 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 139, 130, 0.3),
+ 0 2px 3px -1px rgba(242, 139, 130, 0.24),
+ 0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #f38ba8;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(192, 202, 245, 0.3);
+ opacity: 1;
+ filter: none;
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-clip: padding-box;
+ font-weight: inherit;
+ background-clip: border-box;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #f5e0dc;
+}
+
+button.card:checked {
+ background-image: none;
+ box-shadow: none;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
+ border-color: #f2cdcd;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ box-shadow: none;
+}
+
+button.card:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+ background-image: none;
+}
+
+button.card.has-open-popup:checked {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #fab387;
+ box-shadow: inset 0 0 0 1px #fab387;
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box,
+button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+ border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+ padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+ padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #f2cdcd;
+ color: #f5e0dc;
+}
+
+menubutton.destructive-action {
+ background-color: #f38ba8;
+ color: #f5e0dc;
+}
+
+menubutton.opaque {
+ background-color: #585b70;
+ color: #f5e0dc;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+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');
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton:disabled {
+ filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+ filter: none;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #f2cdcd;
+ color: #f5e0dc;
+}
+
+splitbutton.destructive-action {
+ background-color: #f38ba8;
+ color: #f5e0dc;
+}
+
+splitbutton.opaque {
+ background-color: #585b70;
+ color: #f5e0dc;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+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;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+ 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;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+ 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;
+ margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #f5e0dc;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #74c7ec;
+}
+
+link:visited {
+ color: #cba6f7;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+ color: #74c7ec;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+ color: #cba6f7;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ min-height: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+spinbutton:focus-within {
+ background-color: rgba(192, 202, 245, 0.08);
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+ outline: none;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ margin: 0;
+ padding-left: 12px;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+ > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton.vertical > button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+ margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+ margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+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 button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: #f5e0dc;
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ 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-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(192, 202, 245, 0.08);
+ color: #f5e0dc;
+ outline: none;
+}
+
+button.combo:only-child:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+button.combo:only-child:active {
+ background-color: alpha(currentColor, 0.12);
+ color: #f5e0dc;
+ box-shadow: none;
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+ outline: none;
+ box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+ padding: 3px 6px;
+ background-color: #1e1e2e;
+ border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+ background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(192, 202, 245, 0.1);
+ background-color: #313244;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.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;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(
+ to bottom,
+ transparent,
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
+ );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(192, 202, 245, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+ margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.7);
+ border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #f5e0dc;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+ button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+ button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+ button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+ button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar entry {
+ background-color: rgba(192, 202, 245, 0.04);
+ color: #f5e0dc;
+}
+
+headerbar entry:focus-within {
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+headerbar entry:disabled {
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar entry image {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+ color: #f5e0dc;
+}
+
+headerbar entry image:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ box-shadow: none;
+}
+
+headerbar:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #1e1e2e;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar.flat {
+ background-color: transparent;
+ color: #f5e0dc;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar > windowhandle > box {
+ padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+ background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar stackswitcher {
+ margin: 6px 0;
+ border-radius: 9999px;
+ border: 2px solid #f2cdcd;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+ box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+ background-color: #f2cdcd;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+ border-radius: 0;
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+ background: #1e1e2e
+ cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+ 90% 0/256px 256px no-repeat,
+ linear-gradient(to right, transparent 65%, rgba(242, 205, 205, 0.1)),
+ linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+ background: #1e1e2e
+ cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+ 90% 0/256px 256px no-repeat,
+ image(#1e1e2e);
+ /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+pathbar > button.text-button {
+ min-width: 0;
+}
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.pathbar {
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.7);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(192, 202, 245, 0.04);
+ color: rgba(192, 202, 245, 0.7);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+ outline: none;
+ box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #45475a;
+ border-top-color: #45475a;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+ background-color: alpha(currentColor, 0.1);
+ box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(192, 202, 245, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+ border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+ border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+ 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(192, 202, 245, 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: #f5e0dc;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: #f5e0dc;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+ color: #f5e0dc;
+}
+
+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: rgba(192, 202, 245, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #f2cdcd;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(192, 202, 245, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(192, 202, 245, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #1e1e2e;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(192, 202, 245, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ color: #f2cdcd;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #f2cdcd;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ color: #f5e0dc;
+}
+
+menubar:backdrop {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #f5e0dc;
+}
+
+menubar > item:disabled {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #313244;
+ background-clip: border-box;
+ border-radius: 12px;
+ color: #f5e0dc;
+ border: 2px solid #B4BEFE;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+ border: 2px solid #B4BEFE;
+}
+
+popover.background separator {
+ margin: 6px 0;
+}
+
+popover.background modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ border-radius: 6px;
+ color: #f5e0dc;
+ font: initial;
+ text-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+
+popover.background modelbutton:hover {
+ transition: none;
+ background-color: #45475A;
+ color: #cba6f7;
+}
+
+popover.background modelbutton:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > contents separator {
+ background-color: rgba(192, 202, 245, 0.12);
+ margin: 3px 0;
+}
+
+popover.background > contents list separator {
+ margin: 0;
+}
+
+popover.background > contents stack > box {
+ padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+ border: 1px solid rgba(192, 202, 245, 0.12);
+ border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+ margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+.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: none;
+ box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(192, 202, 245, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+ background-color: rgba(192, 202, 245, 0.04);
+ color: #cba6f7;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #313244;
+ color: #cba6f7;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+ background-color: rgba(192, 202, 245, 0.04);
+}
+
+notebook,
+notebook.frame {
+ background-color: #1e1e2e;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(192, 202, 245, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(192, 202, 245, 0.12);
+ color: #f5e0dc;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar .box {
+ min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+ border: none;
+ background-color: transparent;
+ padding: 0;
+ margin: 3px;
+ border-radius: 12px;
+ box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+ filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+ margin: 3px;
+ padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ padding-left: 0;
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+ margin: 24px;
+ outline: none;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+ 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+ min-height: 2px;
+ border-radius: 2px;
+ background: alpha(#f2cdcd, 0.5);
+ transform: translateY(4px);
+}
+
+tabthumbnail {
+ border-radius: 10px;
+ transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+ background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+ margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(#fab387, 0.4);
+ background-color: alpha(#fab387, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+ transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+ transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+ background: #f2cdcd;
+ min-width: 12px;
+ min-height: 12px;
+ border-radius: 6px;
+ margin: 3px;
+ box-shadow: 0 1px 2px alpha(#f2cdcd, 0.4);
+}
+
+tabthumbnail .card {
+ background: none;
+ color: inherit;
+}
+
+tabthumbnail .card picture {
+ outline: none;
+ border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+tabthumbnail .pinned-box {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+ border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+ margin: 6px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+ background: none;
+ color: inherit;
+ box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+ margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #1e1e2e;
+}
+
+scrollbar > range > trough {
+ outline: none;
+ background: none;
+ border: none;
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(192, 202, 245, 0.5);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(192, 202, 245, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: #f5e0dc;
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+ > range
+ > trough
+ > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(192, 202, 245, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+ > range
+ > trough
+ > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+ > range
+ > trough
+ > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+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');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: 2px solid rgba(192, 202, 245, 0.7);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #f2cdcd;
+ border-color: #f2cdcd;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ margin: 2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: rgba(192, 202, 245, 0.7);
+ border: none;
+}
+
+switch:focus > slider {
+ box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+switch:hover > slider {
+ box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:focus:hover > slider {
+ box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:checked > slider {
+ background-color: #1e1e2e;
+ color: #1e1e2e;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+ padding: 0;
+ margin: 3px;
+ border: 2px solid rgba(192, 202, 245, 0.7);
+ background-clip: border-box;
+ background-color: transparent;
+ border-radius: 9999px;
+ box-shadow: 0 0 0 10px transparent;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ border-color: inherit;
+ box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+check:active,
+radio:active {
+ border-color: #f5e0dc;
+ box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ border-color: transparent;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ border-color: transparent;
+ background-color: rgba(192, 202, 245, 0.3);
+ color: #1e1e2e;
+}
+
+check:disabled,
+radio:disabled {
+ border-color: rgba(192, 202, 245, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+ box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+ border-color: transparent;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+ border-color: transparent;
+ background-color: rgba(0, 0, 0, 0.87);
+ color: #f2cdcd;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+ border-color: transparent;
+ background-color: rgba(192, 202, 245, 0.3);
+ color: #1e1e2e;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ box-shadow: none;
+ color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+ );
+}
+
+check:indeterminate,
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+ );
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+checkbutton.theme-selector
+ radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+ border-color: transparent;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+ padding: 6px;
+}
+
+themeswitcher .check {
+ min-height: 16px;
+ min-width: 16px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 2px;
+ border-radius: 9999px;
+ margin: 3px;
+ -gtk-icon-size: 20px;
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+themeswitcher .check:hover {
+ background-color: #9399b2;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+ padding: 0;
+ margin: 2px;
+ min-height: 48px;
+ min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+ outline-color: rgba(192, 202, 245, 0.12);
+ outline-width: 1px;
+ outline-offset: -1px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ -gtk-icon-source: none;
+ transition: none;
+ border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+ outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+ background-image: linear-gradient(-45deg, #181825 49.99%, #f5e0dc 50.01%);
+ background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+ color: rgba(0, 0, 0, 0.8);
+ background-color: #f5e0dc;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+ color: #f5e0dc;
+ background-image: image(#181825);
+ background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(192, 202, 245, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#f2cdcd);
+}
+
+scale highlight:disabled {
+ background-color: #1e1e2e;
+ background-image: image(rgba(192, 202, 245, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #f2cdcd;
+ background-color: #1e1e2e;
+ box-shadow: inset 0 0 0 2px #f2cdcd;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #f2cdcd, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #f2cdcd, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(192, 202, 245, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(192, 202, 245, 0.3);
+ color: transparent;
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+ );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+ );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+ );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ );
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(192, 202, 245, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(192, 202, 245, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #f2cdcd;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #f2cdcd;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: #f2cdcd;
+}
+
+levelbar block.full {
+ background-color: #81c995;
+}
+
+levelbar block.empty {
+ background-color: rgba(192, 202, 245, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: #f5e0dc;
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(192, 202, 245, 0.12);
+ background-color: #1e1e2e;
+ color: #f5e0dc;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-top: 1px solid rgba(192, 202, 245, 0.12);
+ background-color: #1e1e2e;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at top,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at bottom,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at left,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-size: 200% 70%;
+ background-image: radial-gradient(
+ farthest-side at right,
+ rgba(242, 205, 205, 0.24) 99%,
+ rgba(242, 205, 205, 0) 100%
+ );
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(192, 202, 245, 0.12);
+ background-color: #1e1e2e;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(192, 202, 245, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+ border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+ border-color: rgba(192, 202, 245, 0.12);
+ background-color: #1e1e2e;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+listview row,
+list row {
+ padding: 2px;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: #f5e0dc;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(192, 202, 245, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+ box-shadow: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+ color: #f5e0dc;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+treeexpander {
+ border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #f2cdcd;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #f2cdcd;
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+ border-spacing: 9px;
+ padding: 9px;
+ border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(192, 202, 245, 0.7);
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+ color: #f5e0dc;
+}
+
+expander:disabled {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+.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 {
+ padding: 0;
+ border: 1px solid rgba(192, 202, 245, 0.12);
+ border-radius: 6px;
+ color: #f5e0dc;
+}
+
+calendar:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 9999px;
+ margin: 0;
+}
+
+calendar > grid > label.today {
+ box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+ color: #f5e0dc;
+ background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+ background-color: #313244;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+ background-color: #313244;
+ color: #f5e0dc;
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #313244;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+ margin-top: -6px;
+ padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+ border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+window.dialog.message.csd
+ .dialog-action-area
+ > button.destructive-action:not(:disabled) {
+ color: #f38ba8;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+ background-color: #1e1e2e;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+ border-right: 1px solid rgba(192, 202, 245, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(192, 202, 245, 0.12);
+ border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+ border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+ border-left: 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;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 4px 0;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px 9px;
+ border-radius: 6px;
+ margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+ font-weight: 500;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(192, 202, 245, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+ background-color: rgba(192, 202, 245, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ border-right: none;
+ margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+ min-height: 32px;
+ padding: 2px 4px;
+ margin: 1px 0;
+ border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+ color: #cba6f7;
+ font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+ background-color: #313244;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+ color: rgba(192, 202, 245, 0.5);
+}
+
+.navigation-sidebar > separator {
+ margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(192, 202, 245, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+placessidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+ font-weight: 500;
+}
+
+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 {
+ color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+ color: #f2cdcd;
+}
+
+placessidebar
+ .navigation-sidebar
+ > row.sidebar-new-bookmark-row
+ image.sidebar-icon {
+ color: #f2cdcd;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: image(#45475a);
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #1e1e2e;
+ background-image: image(#45475a), image(#45475a);
+ 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;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #f2cdcd;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+ background-color: #181825;
+ color: #f2cdcd;
+ border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #f5e0dc;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+ background-color: #313244;
+ color: #f2cdcd;
+ border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+ background-color: #fdd633;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #f9e2af;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+ background-color: #f38ba8;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border: none;
+ background-clip: padding-box;
+ padding: 6px 12px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(24, 24, 37, 0.9);
+ color: #f5e0dc;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
+ margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+ color: #f5e0dc;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+ border-radius: 12px 12px 0 0;
+ color: #f5e0dc;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: #313244;
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(192, 202, 245, 0.1);
+ background-color: #313244;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #1e1e2e;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 2px #FAB387, 0 0 16px transparent;
+}
+
+window.csd {
+ border-radius: 12px;
+}
+
+window:backdrop {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17),
+ 0 0 0 2px #585B70, 0 0 16px transparent;
+}
+
+window.popup {
+ border-radius: 12px;
+ box-shadow: none;
+}
+
+window.dialog.message {
+ border-radius: 12px;
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #1e1e2e;
+ border: 2px solid #f2cdcd;
+}
+
+window.solid-csd:backdrop {
+ background-color: #1e1e2e;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+ border-radius: 0;
+ outline-width: 0;
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+ margin-left: 15px;
+ margin-right: 15px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+ margin-left: 15px;
+ margin-right: 15px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 12px;
+ min-width: 12px;
+ padding: 0;
+ margin: 0 2px;
+ border-radius: 9999px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols
+ button.minimize:not(.suggested-action):not(.destructive-action)
+ image,
+windowcontrols
+ button.maximize:not(.suggested-action):not(.destructive-action)
+ image,
+windowcontrols
+ button.close:not(.suggested-action):not(.destructive-action)
+ image {
+ padding: 0;
+}
+
+windowcontrols
+ button.minimize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#ff9e64, 0.5);
+}
+
+windowcontrols
+ button.maximize:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#9ece6a, 0.5);
+}
+
+windowcontrols
+ button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#f7768e, 0.5);
+}
+
+windowcontrols
+ button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #ff9e64;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #9ece6a;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f7768e;
+}
+
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+ background-color: #585b70;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+ color: #f2cdcd;
+ background-color: rgba(242, 205, 205, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+ color: #CBA6F7;
+ background-color: #45475A;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #f2cdcd;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/cursor-handle-symbolic.svg')
+ );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(192, 202, 245, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(192, 202, 245, 0.12);
+ background-color: #313244;
+ color: #f5e0dc;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #f2cdcd;
+}
+
+stackswitcher {
+ min-height: 0;
+ border-radius: 9999px;
+ padding: 2px;
+ margin: 6px 0;
+ background-color: transparent;
+ border: 2px solid #f2cdcd;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ min-height: 20px;
+ padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+ background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 100px;
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher.circular {
+ border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(192, 202, 245, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #f2cdcd;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: #f5e0dc;
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+.nautilus-window {
+ background-color: #1e1e2e;
+}
+
+.nautilus-window:backdrop {
+ background-color: #1e1e2e;
+}
+
+.nautilus-window headerbar {
+ box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+ padding-right: 2em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+ background-color: transparent;
+ color: rgba(192, 202, 245, 0.7);
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar {
+ background: none;
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > separator {
+ background: rgba(192, 202, 245, 0.1);
+}
+
+.nautilus-window .vertical separator {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable {
+ border-radius: 6px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ button.sidebar-button {
+ color: #f5e0dc;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:hover {
+ background-color: rgba(192, 202, 245, 0.12);
+ color: #f5e0dc;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected {
+ background-color: #181825;
+ font-weight: 700;
+ border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #cba6f7;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(192, 202, 245, 0.3);
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though
+ > slider {
+ border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+ margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+ background-color: #1e1e2e;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+ background-color: #181825;
+ border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+ background: none;
+}
+
+.nautilus-window placesview label {
+ color: rgba(192, 202, 245, 0.7);
+}
+
+.nautilus-window infobar {
+ margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+ border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+ margin: 3px;
+ border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+ 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+}
+
+#NautilusQueryEditor > text {
+ margin: 0;
+}
+
+#NautilusPathBar {
+ background-color: #181825;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+ color: #cba6f7;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+ margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+ margin: 3px;
+ padding: 0;
+ min-height: 22px;
+ min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.history-view {
+ background-color: #1e1e2e;
+}
+
+#displayitem {
+ border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.small .card {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.small .card.forecast-card {
+ border-width: 1px 0;
+}
+
+.small .card.display-container {
+ border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+ background-color: rgba(192, 202, 245, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(192, 202, 245, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(192, 202, 245, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+ border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+flowboxchild > button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+ padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(192, 202, 245, 0.12);
+}
+
+carousel.card {
+ border: none;
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+ color: #f5e0dc;
+ background-color: rgba(192, 202, 245, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+ color: #4cb168;
+ background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+ color: #74c7ec;
+ background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+ color: #e1b602;
+ background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #ff9800;
+ background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+ color: #eb4b3d;
+ background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: #f5e0dc;
+}
+
+.category-tile.category-create:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 1.07) 0%,
+ shade(#2861c6, 1.1) 100%
+ );
+}
+
+.category-tile.category-create:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 0.95) 0%,
+ shade(#2861c6, 0.95) 100%
+ );
+}
+
+.category-tile.category-develop {
+ background: #5e5c64;
+ color: #f5e0dc;
+}
+
+.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: #f5e0dc;
+}
+
+.category-tile.category-learn:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 1.06) 30%,
+ shade(#27a66c, 1.06) 100%
+ );
+}
+
+.category-tile.category-learn:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 0.95) 30%,
+ shade(#27a66c, 0.95) 100%
+ );
+}
+
+.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+.category-tile.category-play:hover {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 1.07) 0%,
+ shade(#eb5ec3, 1.07) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-play:active {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 0.97) 0%,
+ shade(#eb5ec3, 0.95) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(192, 202, 245, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 1.08) 0%,
+ shade(#f77466, 1.08) 100%
+ );
+}
+
+.category-tile.category-socialize:active {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 0.95) 0%,
+ shade(#f77466, 0.95) 100%
+ );
+}
+
+.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(
+ rgba(192, 202, 245, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+ background-color: #fefcef;
+ background-image: linear-gradient(
+ rgba(192, 202, 245, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+ background-color: #fcf4bf;
+ background-image: linear-gradient(
+ rgba(192, 202, 245, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+ padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+ box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+ border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+ border-radius: 6px;
+ padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+ border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 6px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: rgba(192, 202, 245, 0.04);
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.frameheader.header
+ tabbar.inline
+ > revealer
+ > box
+ .end-action
+ menubutton
+ > button {
+ margin: 6px;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+ border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar {
+ background-color: #1e1e2e;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(192, 202, 245, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(192, 202, 245, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #f2cdcd;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:first-child,
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ 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: #f5e0dc;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ box-shadow: none;
+ border: 1px solid rgba(192, 202, 245, 0.12);
+ background-clip: border-box;
+ background-color: #1e1e2e;
+ color: rgba(192, 202, 245, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+ > box
+ button.background-preview-button.toggle
+ > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(192, 202, 245, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(192, 202, 245, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #f2cdcd;
+}
+
+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.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+ 0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(192, 202, 245, 0.1);
+ background-color: #11111b;
+ color: #f5e0dc;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+ background-color: #313244;
+ color: #cba6f7;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label {
+ color: #f2cdcd;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+ border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 119px;
+ padding: 0;
+ background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+ background-color: #f2cdcd;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+ background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+ color: #f2cdcd;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+ min-height: 0;
+ margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 0 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ padding: 0;
+ background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 2px 5px;
+ color: #f5e0dc;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #f2cdcd;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
diff --git a/src/themes/Catppuccin-Mocha/gtk-4.0/thumbnail.png b/src/themes/Catppuccin-Mocha/gtk-4.0/thumbnail.png
new file mode 100644
index 00000000..b11fb661
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/gtk-4.0/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Mocha/index.theme b/src/themes/Catppuccin-Mocha/index.theme
new file mode 100644
index 00000000..202e0996
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Tokyonight-Dark
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Tokyonight-Dark
+MetacityTheme=Tokyonight-Dark
+IconTheme=Tokyonight-Dark
+CursorTheme=Tokyonight-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-1.xml b/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-1.xml
new file mode 100644
index 00000000..a25f9b8a
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-1.xml
@@ -0,0 +1,1693 @@
+
+
+
+ Catppuccin_Dark
+ Vince Liuice mod fkorpsvart
+ GPL-3.0+
+ 2022.04.14
+ Catppuccin_Dark Metacity Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-2.xml b/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-2.xml
new file mode 100755
index 00000000..84bdbf0a
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-2.xml
@@ -0,0 +1 @@
+metacity-theme-1.xml
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-3.xml b/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-3.xml
new file mode 100644
index 00000000..b64eb2ad
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,1682 @@
+
+
+
+ Catppuccin_Dark
+ Vince Liuice mod fkorpsvart
+ GPL-3.0+
+ 2022.04.14
+ Catppuccin_Dark Metacity Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/thumbnail.png b/src/themes/Catppuccin-Mocha/metacity-1/thumbnail.png
new file mode 100644
index 00000000..3d283ed5
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/metacity-1/thumbnail.png differ
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-backdrop.svg
new file mode 100644
index 00000000..f93bfe42
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-backdrop.svg
@@ -0,0 +1,65 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-active.svg
new file mode 100644
index 00000000..039c4de0
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-active.svg
@@ -0,0 +1,57 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
new file mode 100644
index 00000000..f5a9f62d
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
@@ -0,0 +1,62 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
new file mode 100644
index 00000000..ff953059
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
@@ -0,0 +1,62 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-hover.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-hover.svg
new file mode 100644
index 00000000..cdb22fcc
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close-hover.svg
@@ -0,0 +1,41 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close.svg
new file mode 100644
index 00000000..2388f18d
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-close.svg
@@ -0,0 +1,50 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-active.svg
new file mode 100644
index 00000000..8a376950
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-active.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
new file mode 100644
index 00000000..d6225113
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
@@ -0,0 +1,62 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
new file mode 100644
index 00000000..cac245f5
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
@@ -0,0 +1,62 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-hover.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
new file mode 100644
index 00000000..b5221b34
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize.svg
new file mode 100644
index 00000000..c9770a81
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-maximize.svg
@@ -0,0 +1,50 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-active.svg
new file mode 100644
index 00000000..1b4fe0c6
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-active.svg
@@ -0,0 +1,80 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
new file mode 100755
index 00000000..6c570efd
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
@@ -0,0 +1 @@
+titlebutton-menu-active.svg
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
new file mode 100755
index 00000000..74c19dff
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
@@ -0,0 +1 @@
+titlebutton-menu-hover.svg
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-hover.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-hover.svg
new file mode 100644
index 00000000..3e7a5564
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu-hover.svg
@@ -0,0 +1,80 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu.svg
new file mode 100755
index 00000000..2a679ce4
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-menu.svg
@@ -0,0 +1 @@
+titlebutton-backdrop.svg
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-active.svg
new file mode 100644
index 00000000..01ac0949
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-active.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
new file mode 100644
index 00000000..e0b25569
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
@@ -0,0 +1,62 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
new file mode 100644
index 00000000..4fec413e
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
@@ -0,0 +1,62 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-hover.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
new file mode 100644
index 00000000..ce688c1c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize.svg
new file mode 100644
index 00000000..d913841d
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-minimize.svg
@@ -0,0 +1,50 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-active.svg
new file mode 100644
index 00000000..33886709
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-active.svg
@@ -0,0 +1,68 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
new file mode 100644
index 00000000..767fd883
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
@@ -0,0 +1,64 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
new file mode 100644
index 00000000..a2faa21f
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
@@ -0,0 +1,64 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-hover.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-hover.svg
new file mode 100644
index 00000000..1b6d8265
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade-hover.svg
@@ -0,0 +1,68 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade.svg
new file mode 100644
index 00000000..f172838c
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-shade.svg
@@ -0,0 +1,61 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
new file mode 100644
index 00000000..fb270c8f
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
new file mode 100644
index 00000000..cf9b9378
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
new file mode 100644
index 00000000..2300c750
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
new file mode 100644
index 00000000..753e15cd
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-active.svg
new file mode 100644
index 00000000..b37a94d6
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-active.svg
@@ -0,0 +1,68 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
new file mode 100644
index 00000000..d76acea4
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
@@ -0,0 +1,64 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
new file mode 100644
index 00000000..5f856351
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
@@ -0,0 +1,64 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-hover.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
new file mode 100644
index 00000000..4878ec87
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
@@ -0,0 +1,68 @@
+
+
diff --git a/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade.svg b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade.svg
new file mode 100755
index 00000000..58a2bbf2
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/metacity-1/titlebuttons/titlebutton-unshade.svg
@@ -0,0 +1 @@
+titlebutton-shade.svg
\ No newline at end of file
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/bottom-active.png b/src/themes/Catppuccin-Mocha/xfwm4/bottom-active.png
new file mode 100644
index 00000000..e0195455
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/bottom-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/bottom-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/bottom-inactive.png
new file mode 100644
index 00000000..68b1f1b6
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/bottom-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/bottom-left-active.png b/src/themes/Catppuccin-Mocha/xfwm4/bottom-left-active.png
new file mode 100644
index 00000000..a90f6e96
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/bottom-left-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/bottom-left-inactve.png b/src/themes/Catppuccin-Mocha/xfwm4/bottom-left-inactve.png
new file mode 100644
index 00000000..44a6e6d1
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/bottom-left-inactve.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/bottom-right-active.png b/src/themes/Catppuccin-Mocha/xfwm4/bottom-right-active.png
new file mode 100644
index 00000000..297532f4
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/bottom-right-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/bottom-right-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/bottom-right-inactive.png
new file mode 100644
index 00000000..16a6279e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/bottom-right-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/close-active.png b/src/themes/Catppuccin-Mocha/xfwm4/close-active.png
new file mode 100644
index 00000000..4655f93f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/close-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/close-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/close-inactive.png
new file mode 100644
index 00000000..bddc4162
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/close-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/close-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/close-prelight.png
new file mode 100644
index 00000000..898844a0
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/close-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/close-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/close-pressed.png
new file mode 100644
index 00000000..4655f93f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/close-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/hide-active.png b/src/themes/Catppuccin-Mocha/xfwm4/hide-active.png
new file mode 100644
index 00000000..bad6b47d
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/hide-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/hide-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/hide-inactive.png
new file mode 100644
index 00000000..bddc4162
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/hide-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/hide-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/hide-prelight.png
new file mode 100644
index 00000000..1327251f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/hide-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/hide-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/hide-pressed.png
new file mode 100644
index 00000000..bad6b47d
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/hide-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/left-active.png b/src/themes/Catppuccin-Mocha/xfwm4/left-active.png
new file mode 100644
index 00000000..caf3350c
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/left-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/left-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/left-inactive.png
new file mode 100644
index 00000000..b24d12d0
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/left-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maximize-active.png b/src/themes/Catppuccin-Mocha/xfwm4/maximize-active.png
new file mode 100644
index 00000000..78afe9cc
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maximize-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maximize-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/maximize-inactive.png
new file mode 100644
index 00000000..bddc4162
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maximize-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maximize-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/maximize-prelight.png
new file mode 100644
index 00000000..2217db7e
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maximize-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maximize-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/maximize-pressed.png
new file mode 100644
index 00000000..78afe9cc
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maximize-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-active.png b/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-active.png
new file mode 100644
index 00000000..78afe9cc
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 00000000..bddc4162
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 00000000..78afe9cc
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maximize-toggled-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/maxmize-toggled-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/maxmize-toggled-prelight.png
new file mode 100644
index 00000000..94e322a2
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/maxmize-toggled-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/menu-active.png b/src/themes/Catppuccin-Mocha/xfwm4/menu-active.png
new file mode 100644
index 00000000..8c7fa482
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/menu-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/menu-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/menu-inactive.png
new file mode 100644
index 00000000..21cf4688
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/menu-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/menu-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/menu-prelight.png
new file mode 100644
index 00000000..f6f43e16
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/menu-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/menu-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/menu-pressed.png
new file mode 100644
index 00000000..d304be31
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/menu-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/right-active.png b/src/themes/Catppuccin-Mocha/xfwm4/right-active.png
new file mode 100644
index 00000000..caf3350c
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/right-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/right-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/right-inactive.png
new file mode 100644
index 00000000..b24d12d0
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/right-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-active.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-active.png
new file mode 100644
index 00000000..74588771
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-inactive.png
new file mode 100644
index 00000000..96bcf291
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-prelight.png
new file mode 100644
index 00000000..bedb4c2f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-pressed.png
new file mode 100644
index 00000000..d304be31
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-active.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-active.png
new file mode 100644
index 00000000..8c7fa482
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-inactive.png
new file mode 100644
index 00000000..21cf4688
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-prelight.png
new file mode 100644
index 00000000..f6f43e16
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-pressed.png
new file mode 100644
index 00000000..d304be31
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/shade-toggled-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-active.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-active.png
new file mode 100644
index 00000000..74588771
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-inactive.png
new file mode 100644
index 00000000..96bcf291
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-prelight.png
new file mode 100644
index 00000000..bedb4c2f
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-pressed.png
new file mode 100644
index 00000000..d304be31
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-active.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-active.png
new file mode 100644
index 00000000..8c7fa482
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 00000000..21cf4688
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-prelight.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 00000000..f6f43e16
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-prelight.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-pressed.png b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 00000000..d304be31
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/stick-toggled-pressed.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/themerc b/src/themes/Catppuccin-Mocha/xfwm4/themerc
new file mode 100644
index 00000000..126405dd
--- /dev/null
+++ b/src/themes/Catppuccin-Mocha/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=7
+button_spacing=-7
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-1-active.png b/src/themes/Catppuccin-Mocha/xfwm4/title-1-active.png
new file mode 100644
index 00000000..beacd63a
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-1-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-1-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/title-1-inactive.png
new file mode 100644
index 00000000..72bbc5db
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-1-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-2-active.png b/src/themes/Catppuccin-Mocha/xfwm4/title-2-active.png
new file mode 100644
index 00000000..beacd63a
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-2-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-2-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/title-2-inactive.png
new file mode 100644
index 00000000..72bbc5db
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-2-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-3-active.png b/src/themes/Catppuccin-Mocha/xfwm4/title-3-active.png
new file mode 100644
index 00000000..beacd63a
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-3-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-3-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/title-3-inactive.png
new file mode 100644
index 00000000..72bbc5db
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-3-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-4-active.png b/src/themes/Catppuccin-Mocha/xfwm4/title-4-active.png
new file mode 100644
index 00000000..beacd63a
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-4-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-4-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/title-4-inactive.png
new file mode 100644
index 00000000..72bbc5db
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-4-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-5-active.png b/src/themes/Catppuccin-Mocha/xfwm4/title-5-active.png
new file mode 100644
index 00000000..beacd63a
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-5-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/title-5-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/title-5-inactive.png
new file mode 100644
index 00000000..72bbc5db
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/title-5-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/top-left-active.png b/src/themes/Catppuccin-Mocha/xfwm4/top-left-active.png
new file mode 100644
index 00000000..0e9246f2
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/top-left-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/top-left-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/top-left-inactive.png
new file mode 100644
index 00000000..ba3b12a2
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/top-left-inactive.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/top-right-active.png b/src/themes/Catppuccin-Mocha/xfwm4/top-right-active.png
new file mode 100644
index 00000000..af5f0749
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/top-right-active.png differ
diff --git a/src/themes/Catppuccin-Mocha/xfwm4/top-right-inactive.png b/src/themes/Catppuccin-Mocha/xfwm4/top-right-inactive.png
new file mode 100644
index 00000000..273d5801
Binary files /dev/null and b/src/themes/Catppuccin-Mocha/xfwm4/top-right-inactive.png differ
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/activities-active.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/activities-active.svg
new file mode 100644
index 00000000..d0dcdcf3
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/activities-active.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/activities.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/activities.svg
new file mode 100644
index 00000000..b4a4b0dd
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/activities.svg
@@ -0,0 +1,158 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace-active.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 00000000..bf64b98a
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace-hover.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 00000000..ce48f5c9
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,117 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace.svg
new file mode 100644
index 00000000..5b3ed522
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,117 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-left-hover.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-left-hover.svg
new file mode 100644
index 00000000..4a686691
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-left-hover.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-left.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..27742545
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,152 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-right-hover.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-right-hover.svg
new file mode 100644
index 00000000..a70c6f4d
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-right-hover.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-right.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..366e69b1
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,152 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-dark.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-dark.svg
new file mode 100644
index 00000000..cc8f26ee
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-dark.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-darkest.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-darkest.svg
new file mode 100644
index 00000000..95b16a12
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused-dark.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused-dark.svg
new file mode 100644
index 00000000..b156054b
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused-darkest.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused-darkest.svg
new file mode 100644
index 00000000..b156054b
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused.svg
new file mode 100644
index 00000000..25e890a6
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked-focused.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked.svg
new file mode 100644
index 00000000..f4b3d9e6
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-checked.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-dark.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-dark.svg
new file mode 100644
index 00000000..a9000fea
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-dark.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-darkest.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-darkest.svg
new file mode 100644
index 00000000..40be08eb
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused-dark.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused-dark.svg
new file mode 100644
index 00000000..8fe5e315
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused-darkest.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused-darkest.svg
new file mode 100644
index 00000000..212bef0b
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused.svg
new file mode 100644
index 00000000..17e5c0d9
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked-focused.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked.svg
new file mode 100644
index 00000000..dc24e72d
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/checkbox-unchecked.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/close-active.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/close-active.svg
new file mode 100644
index 00000000..3f803e32
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/close-active.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/close-hover.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/close-hover.svg
new file mode 100644
index 00000000..5d95cbec
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/close-hover.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/close.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/close.svg
new file mode 100644
index 00000000..551f15ce
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/close.svg
@@ -0,0 +1,14 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/corner-ripple.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 00000000..4a204c6b
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,59 @@
+
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/overview-hover.png b/src/themes/Cyberpunk-Edge/cinnamon/assets/overview-hover.png
new file mode 100644
index 00000000..75673f9c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/cinnamon/assets/overview-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/overview.png b/src/themes/Cyberpunk-Edge/cinnamon/assets/overview.png
new file mode 100644
index 00000000..dc9892e7
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/cinnamon/assets/overview.png differ
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off-dark.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off-dark.svg
new file mode 100644
index 00000000..c26030d7
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off-darkest.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off-darkest.svg
new file mode 100644
index 00000000..6c29e672
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off.svg
new file mode 100644
index 00000000..0d0eee01
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-off.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on-dark.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on-dark.svg
new file mode 100644
index 00000000..4b0233d2
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on-darkest.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on-darkest.svg
new file mode 100644
index 00000000..aa64f914
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on.svg
new file mode 100644
index 00000000..51e0e4cb
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/switch-on.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/trash-icon.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/trash-icon.svg
new file mode 100644
index 00000000..61097ddb
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,97 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/window-list-active-bottom.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/window-list-active-bottom.svg
new file mode 100644
index 00000000..6c678553
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/window-list-active-bottom.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/assets/window-list-active-top.svg b/src/themes/Cyberpunk-Edge/cinnamon/assets/window-list-active-top.svg
new file mode 100644
index 00000000..c3fbeee4
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/assets/window-list-active-top.svg
@@ -0,0 +1 @@
+
diff --git a/src/themes/Cyberpunk-Edge/cinnamon/cinnamon.css b/src/themes/Cyberpunk-Edge/cinnamon/cinnamon.css
new file mode 100644
index 00000000..c5bf8167
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/cinnamon/cinnamon.css
@@ -0,0 +1,1804 @@
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+stage {
+ color: #eeeeec; }
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0); }
+
+.sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ min-height: 20px;
+ padding: 5px 32px;
+ transition-duration: 0;
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #0a0a0a 2px, #0d0d0d);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.96);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.96);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ border-radius: 6px; }
+ .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.912);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(black);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+#menu-search-entry, .popup-menu #notification StEntry {
+ padding: 7px;
+ caret-size: 1px;
+ selection-background-color: #ffd86e;
+ selected-color: #000000;
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: white;
+ border-color: #1f1f1f;
+ background-color: black;
+ box-shadow: inset 0 0 0 1px rgba(255, 216, 110, 0); }
+ #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover {
+ box-shadow: inset 0 0 0 1px #ffd86e;
+ border-color: #d49b00; }
+ #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-color: #080808;
+ box-shadow: none; }
+ #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #fd7d00;
+ padding: 0 4px; }
+
+.notification StEntry {
+ padding: 7px;
+ caret-size: 1px;
+ caret-color: white;
+ selection-background-color: #ffd86e;
+ selected-color: #000000;
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: white;
+ border-color: black;
+ 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; }
+ .notification StEntry:focus {
+ color: white;
+ border-color: #ffd86e;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: inset 0 0 0 1px #ffd86e;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .notification StEntry:insensitive {
+ color: #97999f;
+ border-color: black;
+ background-color: rgba(68, 72, 83, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+StScrollView.vfade {
+ -st-vfade-offset: 68px; }
+
+StScrollView.hfade {
+ -st-hfade-offset: 68px; }
+
+StScrollBar {
+ padding: 8px; }
+ StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px; }
+ StScrollBar StBin#trough {
+ background-color: rgba(0, 0, 0, 0.1);
+ border-radius: 8px; }
+ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 6px;
+ background-color: #676766;
+ border: 0px solid;
+ margin: 0px; }
+ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: #505050; }
+ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #ffd86e; }
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em; }
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 0.3em;
+ -slider-background-color: #1f1f1f;
+ -slider-border-color: rgba(13, 13, 13, 0.3);
+ -slider-active-background-color: #ffd86e;
+ -slider-active-border-color: rgba(13, 13, 13, 0.3);
+ -slider-border-width: 1px;
+ -slider-handle-radius: 0.5em;
+ height: 1em;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px; }
+
+.check-box CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px; }
+
+.check-box StLabel {
+ font-weight: normal; }
+
+.check-box StBin {
+ width: 16px;
+ height: 16px;
+ background-image: url("assets/checkbox-unchecked.svg"); }
+
+.check-box:focus StBin {
+ background-image: url("assets/checkbox-unchecked-focused.svg"); }
+
+.check-box:checked StBin {
+ background-image: url("assets/checkbox-checked.svg"); }
+
+.check-box:focus:checked StBin {
+ background-image: url("assets/checkbox-checked-focused.svg"); }
+
+.radiobutton CinnamonGenericContainer {
+ spacing: .2em;
+ height: 26px;
+ padding-top: 2px; }
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none; }
+
+.radiobutton StBin {
+ width: 16px;
+ height: 16px;
+ background-image: url("assets/checkbox-unchecked.svg"); }
+
+.radiobutton:focus StBin {
+ background-image: url("assets/checkbox-unchecked-focused.svg"); }
+
+.radiobutton:checked StBin {
+ background-image: url("assets/checkbox-checked.svg"); }
+
+.radiobutton:focus:checked StBin {
+ background-image: url("assets/checkbox-checked-focused.svg"); }
+
+.toggle-switch {
+ width: 50px;
+ height: 20px;
+ background-size: contain; }
+ .toggle-switch-us, .toggle-switch-intl {
+ background-image: url("assets/switch-off-dark.svg"); }
+ .toggle-switch-us:checked, .toggle-switch-intl:checked {
+ background-image: url("assets/switch-on-dark.svg"); }
+
+.cinnamon-link {
+ color: #fff3d4;
+ text-decoration: underline; }
+ .cinnamon-link:hover {
+ color: white; }
+
+#Tooltip {
+ background-color: rgba(0, 0, 0, 0.8);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ border-radius: 6px;
+ padding: 8px 12px;
+ color: white;
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center; }
+
+#LookingGlassDialog {
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: #0d0d0d;
+ spacing: 4px;
+ padding: 8px; }
+
+.menu {
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ margin: 10px 5px;
+ background-color: black; }
+
+.popup-sub-menu {
+ background-color: black;
+ box-shadow: none; }
+ .popup-sub-menu .popup-menu-item:ltr {
+ padding-right: 1.75em; }
+ .popup-sub-menu .popup-menu-item:rtl {
+ padding-left: 1.75em; }
+ .popup-sub-menu StScrollBar {
+ padding: 4px; }
+ .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0; }
+
+.popup-menu-content {
+ padding: 1em 0em 1em 0em; }
+
+.popup-menu-item {
+ padding: .4em 1.75em;
+ spacing: 1em;
+ border-left-width: 0;
+ border-right-width: 0; }
+ .popup-menu-item:active {
+ color: #000000;
+ background-color: #ffd86e; }
+ .popup-menu-item:insensitive {
+ color: rgba(238, 238, 236, 0.5);
+ background: none; }
+
+.popup-inactive-menu-item {
+ color: #eeeeec; }
+ .popup-inactive-menu-item:insensitive {
+ color: #7d7d7c; }
+
+/* This is for popup menus in Cinnamon versions < 3.2 */
+.popup-menu {
+ color: white;
+ color: #eeeeec; }
+ .popup-menu-arrow {
+ icon-size: 16px; }
+ .popup-menu .popup-sub-menu {
+ background-color: black;
+ box-shadow: none; }
+ .popup-menu .popup-sub-menu .popup-menu-item:ltr {
+ padding-right: 1.75em; }
+ .popup-menu .popup-sub-menu .popup-menu-item:rtl {
+ padding-left: 1.75em; }
+ .popup-menu .popup-sub-menu StScrollBar {
+ padding: 4px; }
+ .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0; }
+ .popup-menu .popup-menu-content {
+ padding: 1em 0em 1em 0em; }
+ .popup-menu .popup-menu-item {
+ padding: .4em 1.75em;
+ spacing: 1em;
+ border: 1px solid transparent;
+ border-left-width: 0;
+ border-right-width: 0; }
+ .popup-menu .popup-menu-item:active {
+ color: #eeeeec;
+ border-color: rgba(238, 238, 236, 0.11);
+ background-color: rgba(238, 238, 236, 0.08); }
+ .popup-menu .popup-menu-item:insensitive {
+ color: rgba(238, 238, 236, 0.5);
+ background: none; }
+ .popup-menu .popup-inactive-menu-item {
+ color: #eeeeec; }
+ .popup-menu .popup-inactive-menu-item:insensitive {
+ color: #7d7d7c; }
+ .popup-menu-icon {
+ icon-size: 16px; }
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: #0d0d0d;
+ -arrow-border-width: 1px;
+ -arrow-border-color: #1f1f1f;
+ -arrow-base: 21px;
+ -arrow-rise: 9px;
+ -boxpointer-gap: 2px; }
+
+/*Scale view context menu*/
+.popup-combo-menu {
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: black;
+ box-shadow: none;
+ padding: 1em 0em 1em 0em; }
+
+.popup-combobox-item {
+ spacing: 1em;
+ padding: .4em 1.75em;
+ border: 1px solid transparent;
+ border-left-width: 0;
+ border-right-width: 0; }
+
+.popup-separator-menu-item {
+ -gradient-height: 1px;
+ -gradient-start: black;
+ -gradient-end: black;
+ -margin-horizontal: 0;
+ height: 1px; }
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal; }
+
+.popup-device-menu-item {
+ spacing: .5em; }
+
+.popup-subtitle-menu-item {
+ font-weight: normal; }
+
+.nm-menu-item-icons {
+ spacing: .5em; }
+
+#panel {
+ font-weight: bold;
+ /* sets the height of horizontal panels */
+ height: 40px;
+ /* sets the width of vertical panels */
+ width: 32px; }
+ #panelLeft {
+ spacing: 4px; }
+ #panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 0, 0, 0.05);
+ background-gradient-end: rgba(255, 0, 0, 0.2); }
+ #panelLeft:ltr {
+ padding-right: 4px; }
+ #panelLeft:rtl {
+ padding-left: 4px; }
+ #panelLeft.vertical {
+ padding: 0px; }
+ #panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ #panelLeft.vertical:rtl {
+ padding-left: 0px; }
+ #panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 255, 0.05);
+ background-gradient-end: rgba(0, 0, 255, 0.2); }
+ #panelRight:ltr {
+ padding-left: 4px;
+ spacing: 0px; }
+ #panelRight:rtl {
+ padding-right: 4px;
+ spacing: 0px; }
+ #panelRight.vertical {
+ padding: 0px; }
+ #panelRight.vertical:ltr {
+ padding-right: 0px; }
+ #panelRight.vertical:rtl {
+ padding-left: 0px; }
+ #panelCenter {
+ spacing: 4px; }
+ #panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 255, 0, 0.05);
+ background-gradient-end: rgba(0, 255, 0, 0.2); }
+ #panel:highlight {
+ border-image: none;
+ background-color: rgba(191, 23, 23, 0.5); }
+
+.panelLeft {
+ spacing: 4px; }
+ .panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 0, 0, 0.05);
+ background-gradient-end: rgba(255, 0, 0, 0.2); }
+ .panelLeft:ltr {
+ padding-right: 4px; }
+ .panelLeft:rtl {
+ padding-left: 4px; }
+ .panelLeft.vertical {
+ padding: 0px; }
+ .panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ .panelLeft.vertical:rtl {
+ padding-left: 0px; }
+
+.panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 255, 0.05);
+ background-gradient-end: rgba(0, 0, 255, 0.2); }
+
+.panelRight:ltr {
+ padding-left: 4px;
+ spacing: 0px; }
+
+.panelRight:rtl {
+ padding-right: 4px;
+ spacing: 0px; }
+
+.panelRight.vertical {
+ padding: 0px; }
+ .panelRight.vertical:ltr {
+ padding-left: 0px;
+ spacing: 0px; }
+ .panelRight.vertical:rtl {
+ padding-right: 0px;
+ spacing: 0px; }
+
+.panelCenter {
+ spacing: 4px; }
+ .panelCenter.vertical {
+ padding-left: 0px;
+ padding-right: 0px; }
+ .panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 255, 0, 0.05);
+ background-gradient-end: rgba(0, 255, 0, 0.2); }
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+ color: #eeeeec;
+ border: #000000;
+ background-color: rgba(13, 13, 13, 0.79);
+ font-size: 1em;
+ padding: 0px; }
+
+.panel-top {
+ box-shadow: 0 1px rgba(0, 0, 0, 0.8); }
+
+.panel-bottom {
+ box-shadow: 0 -1px rgba(0, 0, 0, 0.8); }
+
+.panel-left {
+ box-shadow: 1px 0 rgba(0, 0, 0, 0.8); }
+
+.panel-right {
+ box-shadow: -1px 0 rgba(0, 0, 0, 0.8); }
+
+.panel-dummy {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .panel-dummy:entered {
+ background-color: rgba(191, 23, 23, 0.6); }
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ color: white; }
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ color: green;
+ transition-duration: 100; }
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px; }
+ .system-status-icon.warning {
+ color: #fd7d00; }
+ .system-status-icon.error {
+ color: #bf1717; }
+
+#overview {
+ spacing: 12px; }
+
+.window-caption {
+ background-color: #303340;
+ border: 1px solid #303340;
+ color: white;
+ spacing: 8px;
+ border-radius: 6px;
+ font-size: 0.9em;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 8px; }
+ .window-caption:focus {
+ background-color: #ffd86e;
+ color: #000000;
+ border: 1px solid #ffd86e; }
+
+.window-border {
+ border: 3px #ffd86e;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.05);
+ /* Cover rounded corners and some bad adjustment gaps */
+ box-shadow: 0 0 0 1px #ffd86e inset; }
+
+.overview-empty-placeholder {
+ color: #ffffff;
+ font-size: 2em; }
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+ height: 1.5em;
+ border-radius: 6px;
+ font-size: 1em;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: white;
+ border-color: black;
+ 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; }
+ .expo-workspaces-name-entry:focus,
+ .expo-workspaces-name-entry#selected:focus {
+ border: 1px solid #ffd86e;
+ background-color: #ffd86e;
+ color: #000000;
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: #000000;
+ selected-color: #ffd86e; }
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ border-radius: 6px; }
+ .expo-workspace-thumbnail-frame#active {
+ border: 4px solid #ffd86e;
+ background-color: black;
+ border-radius: 6px; }
+
+.expo-background {
+ background-color: #303340; }
+
+.workspace-thumbnails {
+ spacing: 26px; }
+ .workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+ padding: 8px; }
+
+.workspace-add-button {
+ background-image: url("assets/add-workspace.svg");
+ height: 200px;
+ width: 35px;
+ transition-duration: 100; }
+ .workspace-add-button:hover {
+ background-image: url("assets/add-workspace-hover.svg");
+ transition-duration: 100; }
+ .workspace-add-button:active {
+ background-image: url("assets/add-workspace-active.svg");
+ transition-duration: 100; }
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5); }
+
+.workspace-close-button,
+.window-close {
+ background-image: url("assets/close.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 12px; }
+ .workspace-close-button:hover,
+ .window-close:hover {
+ background-image: url("assets/close-hover.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px; }
+ .workspace-close-button:active,
+ .window-close:active {
+ background-image: url("assets/close-active.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px; }
+
+.window-close-area {
+ background-image: url("assets/trash-icon.svg");
+ height: 120px;
+ width: 400px; }
+
+.calendar {
+ padding: .4em 1.75em;
+ spacing-rows: 0px;
+ spacing-columns: 0px; }
+
+.calendar-main-box {
+ margin: 0 .8em .5em .8em; }
+
+.calendar-events-main-box {
+ height: 300px;
+ margin-right: .5em;
+ border-radius: 6px;
+ padding: .5em;
+ min-width: 350px;
+ border: 1px solid #1f1f1f;
+ background-color: black; }
+
+.calendar-events-no-events-button {
+ margin: 6px 0 6px 0;
+ padding: 6px;
+ border-radius: 6px; }
+ .calendar-events-no-events-button:hover {
+ background-color: #ffd86e; }
+ .calendar-events-no-events-button:hover .calendar-events-no-events-icon,
+ .calendar-events-no-events-button:hover .calendar-events-no-events-label {
+ color: #000000; }
+
+.calendar-events-no-events-icon,
+.calendar-events-no-events-label {
+ font-weight: bold;
+ color: #eeeeec;
+ text-align: center; }
+
+.calendar-events-date-label {
+ padding: .1em .1em .5em .1em;
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: center; }
+
+.calendar-events-event-container {
+ padding: 0; }
+
+.calendar-event-button {
+ border: 1px solid rgba(0, 0, 0, 0); }
+ .calendar-event-button .calendar-event-time-past {
+ color: rgba(238, 238, 236, 0.4);
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .2em; }
+ .calendar-event-button .calendar-event-time-present {
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .2em; }
+ .calendar-event-button .calendar-event-time-present:all-day {
+ color: #ffd86e; }
+ .calendar-event-button .calendar-event-time-future {
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .2em; }
+ .calendar-event-button .calendar-event-summary {
+ color: #eeeeec;
+ text-align: left;
+ width: 200px; }
+ .calendar-event-button .calendar-event-countdown {
+ text-align: right;
+ margin-bottom: .6em;
+ color: #eeeeec; }
+ .calendar-event-button .calendar-event-countdown:soon {
+ font-weight: bold; }
+ .calendar-event-button .calendar-event-countdown:imminent {
+ font-weight: bold;
+ color: #fd7d00; }
+ .calendar-event-button .calendar-event-countdown:current {
+ font-weight: bold;
+ color: #ffd86e; }
+ .calendar-event-button:hover {
+ background-color: #ffd86e;
+ border: 1px solid #1f1f1f; }
+ .calendar-event-button:hover .calendar-event-time-past,
+ .calendar-event-button:hover .calendar-event-time-present,
+ .calendar-event-button:hover .calendar-event-time-future,
+ .calendar-event-button:hover .calendar-event-summary {
+ color: #000000; }
+ .calendar-event-button:hover .calendar-event-countdown {
+ text-align: right;
+ margin-bottom: .6em;
+ color: #000000; }
+ .calendar-event-button:hover .calendar-event-countdown:soon {
+ font-weight: bold; }
+ .calendar-event-button:hover .calendar-event-countdown:imminent {
+ font-weight: bold; }
+ .calendar-event-button:hover .calendar-event-countdown:current {
+ font-weight: bold; }
+
+.calendar-event-color-strip {
+ width: 2px; }
+
+.calendar-today-home-button {
+ padding: 6px; }
+
+.calendar-today-day-label {
+ font-size: 1.75em;
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: .1em; }
+
+.calendar-today-date-label {
+ font-size: 1.1em;
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: center; }
+
+.calendar-today-home-button-enabled {
+ padding: 6px; }
+ .calendar-today-home-button-enabled:hover {
+ background-color: #ffd86e; }
+ .calendar-today-home-button-enabled:hover .calendar-today-day-label {
+ color: #000000; }
+ .calendar-today-home-button-enabled:hover .calendar-today-date-label {
+ color: #000000; }
+
+.calendar-month-label {
+ color: #eeeeec;
+ font-weight: bold;
+ padding: 8px 0; }
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 16px;
+ height: 16px; }
+
+.calendar-change-month-back {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+ .calendar-change-month-back:focus, .calendar-change-month-back:hover {
+ background-image: url("assets/calendar-arrow-left-hover.svg"); }
+ .calendar-change-month-back:active {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+ .calendar-change-month-back:rtl {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+ .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover {
+ background-image: url("assets/calendar-arrow-right-hover.svg"); }
+ .calendar-change-month-back:rtl:active {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+
+.calendar-change-month-forward {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+ .calendar-change-month-forward:focus, .calendar-change-month-forward:hover {
+ background-image: url("assets/calendar-arrow-right-hover.svg"); }
+ .calendar-change-month-forward:active {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+ .calendar-change-month-forward:rtl {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+ .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover {
+ background-image: url("assets/calendar-arrow-left-hover.svg"); }
+ .calendar-change-month-forward:rtl:active {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+
+.calendar-day-event-dot-box {
+ margin-top: 1.7em;
+ max-rows: 1; }
+
+.calendar-day-event-dot {
+ margin: 1px;
+ border-radius: 2px;
+ width: 4px;
+ height: 4px; }
+
+.datemenu-date-label {
+ padding: .4em 1.75em;
+ font-weight: bold;
+ font-size: 1.15em;
+ text-align: center;
+ color: #eeeeec;
+ border-radius: 6px; }
+
+.calendar-day-base {
+ font-size: 1em;
+ text-align: center;
+ width: 2.2em;
+ height: 2.2em;
+ padding: 0.1em; }
+ .calendar-day-base:hover {
+ font-weight: bold;
+ color: #000000;
+ background-color: #ffd86e; }
+
+.calendar-day-heading {
+ color: rgba(238, 238, 236, 0.85);
+ margin-top: 1em;
+ font-size: 1.05em; }
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(238, 238, 236, 0.9); }
+
+.calendar-day-top {
+ border-top-width: 0; }
+
+.calendar-day-left {
+ border-left-width: 0; }
+
+.calendar-nonwork-day {
+ color: #eeeeec;
+ background-color: transparent;
+ font-weight: bold; }
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: #000000;
+ background-color: rgba(238, 238, 236, 0.4);
+ border-radius: 99px;
+ border-width: 0; }
+ .calendar-today:selected,
+ .calendar-today:active:selected,
+ .calendar-today:focus:selected,
+ .calendar-today:hover:selected {
+ background-color: #ffd86e; }
+
+.calendar-not-today {
+ color: #eeeeec;
+ border-radius: 99px; }
+ .calendar-not-today:selected {
+ font-weight: bold;
+ background-color: rgba(238, 238, 236, 0.4); }
+ .calendar-not-today:selected:hover {
+ font-weight: bold;
+ color: #eeeeec; }
+
+.calendar-other-month-day {
+ color: rgba(238, 238, 236, 0.3);
+ border-radius: 99px;
+ opacity: 1; }
+ .calendar-other-month-day:hover {
+ color: #000000;
+ opacity: 1; }
+
+.calendar-week-number {
+ color: rgba(238, 238, 236, 0.85);
+ font-size: 0.8em;
+ margin-top: 0.8em; }
+
+#notification {
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: #0d0d0d;
+ padding: 13px;
+ spacing-rows: 10px;
+ spacing-columns: 10px;
+ margin-from-right-edge-of-screen: 20px;
+ width: 34em;
+ color: #eeeeec; }
+ .popup-menu #notification {
+ color: #eeeeec;
+ border-image: url("asset/message.svg") 9 9 9 9; }
+ .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 5px; }
+ #notification.multi-line-notification {
+ padding-bottom: 13px;
+ color: #eeeeec; }
+ #notification-scrollview {
+ max-height: 10em; }
+ #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em; }
+ #notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px; }
+ #notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px; }
+ #notification-body {
+ spacing: 5px; }
+ #notification-actions {
+ spacing: 10px; }
+
+.notification-with-image {
+ min-height: 159px;
+ color: #eeeeec; }
+
+.notification-button, .notification-icon-button {
+ padding: 5px; }
+
+.notification-icon-button > StIcon {
+ icon-size: 32px; }
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px; }
+
+.switcher-list {
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ background-color: #0d0d0d;
+ border-radius: 6px;
+ padding: 20px; }
+ .switcher-list > StBoxLayout {
+ padding: 4px; }
+ .switcher-list-item-container {
+ spacing: 8px; }
+ .switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px; }
+ .switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #ffd86e; }
+ .switcher-list .item-box:selected {
+ color: #000000;
+ background-color: #ffd86e;
+ border: 0px solid #ffd86e; }
+ .switcher-list .thumbnail {
+ width: 256px; }
+ .switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px; }
+ .switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2); }
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #eeeeec; }
+ .switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: #000000; }
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px; }
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px; }
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain; }
+ .ripple-box:rtl {
+ background-image: url("assets/corner-ripple.svg"); }
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4); }
+
+.flashspot {
+ background-color: white; }
+
+.modal-dialog {
+ background-color: #0d0d0d;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ padding: 5px 10px; }
+ .modal-dialog > StBoxLayout:first-child {
+ padding: 10px; }
+ .modal-dialog-button-box {
+ spacing: 0;
+ margin: 0px;
+ padding: 10px;
+ border: none;
+ background-color: #0d0d0d; }
+ .modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px; }
+ .modal-dialog .confirm-dialog-title {
+ text-align: center;
+ font-weight: bold;
+ font-size: 1.3em;
+ padding-bottom: 12px; }
+
+.run-dialog {
+ padding: 10px 15px 10px 15px;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: #0d0d0d; }
+ .run-dialog > * {
+ padding: 0; }
+ .run-dialog-label {
+ font-size: 1.3em;
+ font-weight: bold;
+ color: #eeeeec;
+ padding-bottom: 15px;
+ text-align: center; }
+ .run-dialog-description {
+ color: #eeeeec;
+ padding-top: 15px;
+ text-align: center; }
+ .run-dialog-description.error {
+ color: #bf1717; }
+ .run-dialog-error-label {
+ color: #bf1717; }
+ .run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px; }
+ .run-dialog-completion-box {
+ padding-top: 5px;
+ padding-left: 15px;
+ font-size: 1em; }
+ .run-dialog-entry {
+ width: 21em;
+ height: 1.2em;
+ padding: 7px;
+ border-radius: 6px;
+ caret-color: white;
+ selected-color: #000000;
+ selection-background-color: #ffd86e;
+ color: white;
+ border-color: black;
+ 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; }
+ .run-dialog-entry:focus {
+ box-shadow: inset 0 0 0 1px #ffd86e;
+ border-color: #d49b00; }
+ .run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none; }
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px; }
+
+.mount-password-reask {
+ color: #fd7d00; }
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px; }
+ .show-processes-dialog-subject,
+ .mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px; }
+ .show-processes-dialog-subject:rtl,
+ .mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px; }
+ .show-processes-dialog-description,
+ .mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em; }
+ .show-processes-dialog-description:rtl,
+ .mount-question-dialog-description:rtl {
+ padding-right: 17px; }
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px; }
+ .show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px; }
+ .show-processes-dialog-app-list-item {
+ color: #ccc; }
+ .show-processes-dialog-app-list-item:hover {
+ color: white; }
+ .show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em; }
+ .show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em; }
+ .show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px; }
+ .show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px; }
+ .show-processes-dialog-app-list-item-name {
+ font-size: 1.1em; }
+
+.magnifier-zoom-region {
+ border: 2px solid maroon; }
+ .magnifier-zoom-region .full-screen {
+ border-width: 0px; }
+
+#keyboard {
+ background-color: #303340;
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4); }
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px; }
+
+.keyboard-row {
+ spacing: 15px; }
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 1.4em;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3); }
+ .keyboard-key:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ 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(255, 255, 255, 0.3); }
+ .keyboard-key:active, .keyboard-key:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .keyboard-key:grayed {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+.keyboard-subkeys {
+ color: white;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: #303340;
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px; }
+
+.menu-favorites-box {
+ padding: 10px;
+ transition-duration: 300;
+ background-color: black;
+ border: none; }
+
+.menu-favorites-button {
+ padding: .9em 1em;
+ border: 1px solid rgba(0, 0, 0, 0);
+ border-radius: 6px; }
+ .menu-favorites-button:hover {
+ background-color: #ffd86e; }
+
+.menu-places-box {
+ padding: 10px;
+ border: 0px solid red; }
+
+.menu-places-button {
+ padding: 10px; }
+
+.menu-categories-box {
+ padding: 10px 30px 10px 30px; }
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 10px 10px 0 10px; }
+
+.menu-application-button {
+ padding: 7px;
+ border: 1px solid rgba(0, 0, 0, 0); }
+ .menu-application-button:highlighted {
+ font-weight: bold; }
+ .menu-application-button-selected {
+ padding: 7px;
+ color: #000000;
+ background-color: #ffd86e;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px; }
+ .menu-application-button-selected:highlighted {
+ font-weight: bold; }
+ .menu-application-button-label:ltr {
+ padding-left: 5px; }
+ .menu-application-button-label:rtl {
+ padding-right: 5px; }
+
+.menu-category-button {
+ padding: 7px;
+ border: 1px solid rgba(0, 0, 0, 0);
+ border-radius: 6px; }
+ .menu-category-button-selected {
+ padding: 7px;
+ color: #000000;
+ background-color: #ffd86e;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px; }
+ .menu-category-button-greyed {
+ padding: 7px;
+ color: #7d7d7c;
+ border: 1px solid rgba(0, 0, 0, 0); }
+ .menu-category-button-label:ltr {
+ padding-left: 5px; }
+ .menu-category-button-label:rtl {
+ padding-right: 5px; }
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 2.2em; }
+ .menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 2.2em; }
+
+.menu-selected-app-title {
+ font-weight: bold; }
+
+.menu-selected-app-description {
+ max-width: 150px; }
+
+.menu-search-box:ltr {
+ padding-left: 30px; }
+
+.menu-search-box-rtl {
+ padding-right: 30px; }
+
+#menu-search-entry {
+ width: 250px;
+ min-height: 16px;
+ font-weight: normal;
+ caret-color: #eeeeec; }
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: #eeeeec; }
+
+/* Context menu (at the moment only for favorites) */
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: #0d0d0d; }
+
+.restart-osd {
+ font-size: 1.6em; }
+
+.workspace-osd {
+ font-size: 4em; }
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ color: #eeeeec;
+ background-color: #0d0d0d;
+ border: 1px solid #1f1f1f;
+ border-radius: 6px; }
+ .osd-window .osd-monitor-label {
+ font-size: 3em; }
+ .osd-window .level {
+ padding: 0;
+ height: 0.7em;
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 6px; }
+ .osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #ffd86e; }
+
+.window-list-box {
+ spacing: 6px;
+ padding-left: 10px;
+ padding-top: 1px; }
+ .window-list-box.vertical {
+ spacing: 2px;
+ padding-left: 0px;
+ padding-right: 0px;
+ padding-top: 10px;
+ padding-bottom: 10px; }
+ .window-list-box:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+
+.window-list-item-label {
+ font-weight: bold;
+ width: 15em;
+ min-width: 5px; }
+
+.window-list-item-box {
+ font-weight: bold;
+ background-image: none;
+ padding-top: 0;
+ padding-left: 8px;
+ padding-right: 8px;
+ transition-duration: 100;
+ color: rgba(238, 238, 236, 0.6); }
+ .window-list-item-box.top, .window-list-item-box.bottom {
+ border-bottom-width: 2px; }
+ .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
+ padding-left: 2px; }
+ .window-list-item-box.right {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-right-width: 2px; }
+ .window-list-item-box.right StBin {
+ padding-right: 0; }
+ .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-left-width: 2px; }
+ .window-list-item-box.left StBin {
+ padding-left: 1px; }
+ .window-list-item-box:hover, .window-list-item-box:groupFocus {
+ color: #eeeeec;
+ background-color: rgba(238, 238, 236, 0.1); }
+ .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running {
+ color: #eeeeec;
+ border-color: #ffd86e; }
+ .window-list-item-box .progress {
+ background-color: rgba(255, 216, 110, 0.8); }
+
+.window-list-item-demands-attention {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a61414;
+ background-gradient-end: #a61414; }
+
+.window-list-preview {
+ spacing: 6px;
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ background-color: #0d0d0d;
+ border-radius: 6px;
+ padding: 6px 12px 12px 12px;
+ font-size: 1em; }
+
+.grouped-window-list-item-label {
+ font-weight: bold;
+ width: 15em;
+ min-width: 5px; }
+
+.grouped-window-list-item-box {
+ text-align: left;
+ font-weight: bold;
+ background-image: none;
+ padding-top: 0;
+ padding-left: 8px;
+ padding-right: 8px;
+ transition-duration: 100;
+ color: rgba(0, 0, 0, 0.6); }
+ .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ border-bottom-width: 2px; }
+ .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel {
+ padding-left: 2px; }
+ .grouped-window-list-item-box.right {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-right-width: 2px; }
+ .grouped-window-list-item-box.right StBin {
+ padding-right: 0; }
+ .grouped-window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-left-width: 2px; }
+ .grouped-window-list-item-box.left StBin {
+ padding-left: 1px; }
+ .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus {
+ color: #000000;
+ background-color: rgba(255, 255, 255, 0.3); }
+ .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
+ color: #000000;
+ border-color: #ffd86e; }
+ .grouped-window-list-item-box .progress {
+ background-color: rgba(255, 216, 110, 0.8); }
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a61414;
+ background-gradient-end: #a61414; }
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px; }
+
+.grouped-window-list-number-label {
+ z-index: 99;
+ color: rgba(255, 255, 255, 0.1); }
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #4a4a4a; }
+
+.grouped-window-list-button-label {
+ padding-left: 4px; }
+
+.grouped-window-list-thumbnail-alert {
+ background: rgba(255, 52, 52, 0.3); }
+
+.grouped-window-list-thumbnail-menu {
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ background-color: #0d0d0d;
+ border-radius: 6px;
+ padding: 0px; }
+ .grouped-window-list-thumbnail-menu > StBoxLayout {
+ padding: 4px; }
+ .grouped-window-list-thumbnail-menu .item-box {
+ padding: 10px;
+ border-radius: 6px;
+ spacing: 4px; }
+ .grouped-window-list-thumbnail-menu .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #ffd86e; }
+ .grouped-window-list-thumbnail-menu .item-box:selected {
+ color: #000000;
+ background-color: #ffd86e;
+ border: 0px solid #ffd86e; }
+ .grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px; }
+ .grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2); }
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px; }
+ .sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px; }
+ .sound-button StIcon {
+ icon-size: 1.4em; }
+
+.sound-track-infos {
+ padding: 5px; }
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+ .sound-track-info StIcon {
+ icon-size: 16px; }
+ .sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px; }
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px; }
+
+.sound-seek-box {
+ padding-left: 15px; }
+ .sound-seek-box StLabel {
+ padding-top: 2px; }
+ .sound-seek-box StIcon {
+ icon-size: 16px; }
+
+.sound-seek-slider {
+ width: 140px; }
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em; }
+ .sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px; }
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px; }
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 12px 10px;
+ spacing: 0.5em; }
+ .sound-player > StBoxLayout:first-child StButton:small {
+ width: 20px;
+ height: 20px;
+ border: 1px solid transparent; }
+ .sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 12px; }
+ .sound-player > StBoxLayout:first-child StButton:small:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.912);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-player > StBoxLayout:first-child StButton:small:active {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(black);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2); }
+
+.sound-player-overlay {
+ width: 290px;
+ height: 70px;
+ padding: 15px;
+ spacing: 0.5em;
+ background: rgba(13, 13, 13, 0.9);
+ border-top: 1px solid #1f1f1f;
+ color: #eeeeec; }
+ .sound-player-overlay StButton {
+ width: 22px;
+ height: 13px;
+ padding: 5px;
+ color: #eeeeec;
+ border-radius: 6px;
+ border: 1px solid transparent; }
+ .sound-player-overlay StButton StIcon {
+ icon-size: 16px; }
+ .sound-player-overlay StButton:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #0a0a0a, #0f0f0f 1px);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.912);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.912);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-player-overlay StButton:active {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(black);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .sound-player-overlay StBoxLayout {
+ padding-top: 2px; }
+ .sound-player-overlay > StBoxLayout {
+ spacing: 5px; }
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: none;
+ -slider-height: 0.5em;
+ -slider-background-color: black;
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #ffd86e;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px; }
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px; }
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px; }
+ .panel-left .workspace-switcher, .panel-right .workspace-switcher {
+ padding: 0; }
+
+.workspace-button {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-color: rgba(0, 0, 0, 0.2);
+ width: 20px;
+ height: 14px;
+ color: rgba(0, 0, 0, 0.45);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 200; }
+ .workspace-button.vertical {
+ height: 1.5em;
+ width: 24px;
+ padding: 0;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+ .workspace-button:outlined {
+ background-color: #ffd86e;
+ color: #000000; }
+ .workspace-button:outlined:hover {
+ background-color: rgba(255, 216, 110, 0.7);
+ color: #000000; }
+ .workspace-button:hover {
+ background-color: rgba(238, 238, 236, 0.2);
+ color: #000000; }
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 6px; }
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-color: rgba(0, 0, 0, 0.2); }
+
+.workspace-graph .workspace:active {
+ border: 1px solid #ffd86e; }
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(51, 51, 51, 0.8);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(51, 51, 51, 0.8);
+ -inactive-window-border: rgba(0, 0, 0, 0.8); }
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(77, 77, 77, 0.8);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(26, 26, 26, 0.8);
+ -inactive-window-border: rgba(0, 0, 0, 0.8); }
+
+.panel-launchers {
+ padding-left: 7px;
+ spacing: 2px; }
+ .panel-launchers .launcher {
+ padding-left: 2px;
+ padding-right: 2px;
+ padding-bottom: 2px;
+ transition-duration: 200; }
+ .panel-launchers .launcher:hover {
+ background-color: #ffd86e; }
+ .panel-launchers.vertical {
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 0px;
+ padding-right: 0px;
+ spacing: 1px; }
+ .panel-launchers.vertical .launcher {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+
+#overview-corner {
+ background-image: url("assets/overview.png"); }
+ #overview-corner:hover {
+ background-image: url("assets/overview-hover.png"); }
+
+.applet-separator {
+ padding: 1px 4px; }
+ .applet-separator.vertical {
+ padding: 4px 1px; }
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.12); }
+ .applet-separator-line-vertical {
+ height: 1px;
+ background: rgba(255, 255, 255, 0.12); }
+
+.applet-box {
+ padding-left: 4px;
+ padding-right: 4px;
+ spacing: 4px;
+ color: #eeeeec;
+ text-shadow: none;
+ transition-duration: 100;
+ text-align: center; }
+ .applet-box.vertical {
+ padding-left: 0px;
+ padding-right: 0px;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+ .applet-box:hover, .applet-box:checked {
+ color: #000000;
+ background-color: #ffd86e; }
+ .applet-box:hover-label, .applet-box:checked-label {
+ color: #000000; }
+ .applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(191, 23, 23, 0.5); }
+
+.applet-label {
+ font-weight: bold;
+ color: #eeeeec; }
+ .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label {
+ color: #000000;
+ text-shadow: none; }
+
+.applet-icon {
+ color: #000000;
+ icon-size: 22px; }
+ .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon {
+ color: #000000;
+ text-shadow: none; }
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0; }
+
+.user-label {
+ color: #eeeeec;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px; }
+
+.desklet {
+ color: #eeeeec; }
+ .desklet:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .desklet-with-borders {
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: #0d0d0d;
+ color: #eeeeec;
+ padding: 12px;
+ padding-bottom: 16px; }
+ .desklet-with-borders:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .desklet-with-borders-and-header {
+ border: 1px solid #1f1f1f;
+ border-top-width: 0;
+ border-radius: 0 0 6px 6px;
+ background-color: #0d0d0d;
+ color: #eeeeec;
+ border-radius: 0;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px; }
+ .desklet-with-borders-and-header:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .desklet-header {
+ border: 1px solid #1f1f1f;
+ border-radius: 6px 6px 0 0;
+ background-color: #050505;
+ color: #eeeeec;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px; }
+ .desklet-drag-placeholder {
+ border: 2px solid #ffd86e;
+ background-color: rgba(255, 216, 110, 0.3); }
+
+.photoframe-box {
+ border: 1px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: #0d0d0d;
+ color: #eeeeec;
+ padding: 12px;
+ padding-bottom: 16px; }
+
+.notification-applet-padding {
+ padding: .5em 1em; }
+
+.notification-applet-container {
+ max-height: 100px; }
+
+.tile-preview {
+ background-color: rgba(255, 216, 110, 0.3);
+ border: 1px solid #ffd86e; }
+ .tile-preview.snap {
+ background-color: rgba(255, 216, 110, 0.6); }
+
+.tile-hud {
+ background-color: rgba(255, 216, 110, 0.3);
+ border: 1px solid #ffd86e; }
+ .tile-hud.snap {
+ background-color: rgba(255, 216, 110, 0.6); }
+ .tile-hud:top {
+ border-top-width: 0px; }
+ .tile-hud:bottom {
+ border-bottom-width: 0px; }
+ .tile-hud:left {
+ border-left-width: 0px; }
+ .tile-hud:right {
+ border-right-width: 0px; }
+ .tile-hud:top-left {
+ border-top-width: 0px;
+ border-left-width: 0px; }
+ .tile-hud:top-right {
+ border-top-width: 0px;
+ border-right-width: 0px; }
+ .tile-hud:bottom-left {
+ border-bottom-width: 0px;
+ border-left-width: 0px; }
+ .tile-hud:bottom-right {
+ border-bottom-width: 0px;
+ border-right-width: 0px; }
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px; }
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/border.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/border.png
new file mode 100644
index 00000000..17be8d33
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/border.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-active.png
new file mode 100644
index 00000000..b19d1157
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-hover.png
new file mode 100644
index 00000000..658cbf2a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-insensitive.png
new file mode 100644
index 00000000..c9c3ebce
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button.png
new file mode 100644
index 00000000..18e09059
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/button.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 00000000..7553e7c0
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 00000000..cbf32c15
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-insensitive.png
new file mode 100644
index 00000000..6a76511e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 00000000..397b8419
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-checked.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 00000000..5fb956cd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 00000000..29f33f74
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-insensitive.png
new file mode 100644
index 00000000..de52e036
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 00000000..1a2afbd4
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-mixed.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 00000000..8b0e2268
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 00000000..e0d03aec
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-insensitive.png
new file mode 100644
index 00000000..527f30e3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 00000000..34e9779f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/checkbox-unchecked.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-active.png
new file mode 100644
index 00000000..5f3f66b2
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-hover.png
new file mode 100644
index 00000000..bbea9104
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png
new file mode 100644
index 00000000..c172d2fc
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button.png
new file mode 100644
index 00000000..3ed68705
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-button.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry-active.png
new file mode 100644
index 00000000..285d404a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png
new file mode 100644
index 00000000..d3049082
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry.png
new file mode 100644
index 00000000..04cf805b
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-ltr-entry.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-active.png
new file mode 100644
index 00000000..c370d528
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-hover.png
new file mode 100644
index 00000000..9be12280
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png
new file mode 100644
index 00000000..81cba0b3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button.png
new file mode 100644
index 00000000..b9090663
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-button.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry-active.png
new file mode 100644
index 00000000..c881fc42
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png
new file mode 100644
index 00000000..7986deb9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry.png
new file mode 100644
index 00000000..1af612e1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/combo-entry-rtl-entry.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-active.png
new file mode 100644
index 00000000..70b6241d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-background-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-background-insensitive.png
new file mode 100644
index 00000000..bf3196e1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-background-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-insensitive.png
new file mode 100644
index 00000000..2f9b8538
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry.png
new file mode 100644
index 00000000..6b84fdcf
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/entry.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/focus.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/focus.png
new file mode 100644
index 00000000..a1c99893
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/focus.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame-inline.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 00000000..9f500003
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame-inline.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame-notebook.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 00000000..5494c216
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame-notebook.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame.png
new file mode 100644
index 00000000..bb448eba
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/frame.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle-horz.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 00000000..4c85c6ed
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle-horz.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle-vert.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 00000000..ac0c98e6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle-vert.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle.png
new file mode 100644
index 00000000..6ae6c667
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/handle.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/line.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/line.png
new file mode 100644
index 00000000..17be8d33
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/line.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-border.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-border.png
new file mode 100644
index 00000000..bb448eba
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-border.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked-hover.png
new file mode 100644
index 00000000..65e1d1e6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked-insensitive.png
new file mode 100644
index 00000000..0abcbadc
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 00000000..65e1d1e6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-checked.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-hover.png
new file mode 100644
index 00000000..90c9fceb
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-insensitive.png
new file mode 100644
index 00000000..1d020982
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed-hover.png
new file mode 100644
index 00000000..14db16cd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png
new file mode 100644
index 00000000..058f6c98
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 00000000..14db16cd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox-mixed.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox.png
new file mode 100644
index 00000000..90c9fceb
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-checkbox.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-down-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-down-insensitive.png
new file mode 100644
index 00000000..ad983e53
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-down-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-down.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-down.png
new file mode 100644
index 00000000..2f28e41e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-down.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left-hover.png
new file mode 100644
index 00000000..a2cac3ef
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left-insensitive.png
new file mode 100644
index 00000000..86965a03
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left.png
new file mode 100644
index 00000000..a2cac3ef
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-left.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right-hover.png
new file mode 100644
index 00000000..80da318c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right-insensitive.png
new file mode 100644
index 00000000..3c8af15e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right.png
new file mode 100644
index 00000000..80da318c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-right.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-up-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-up-insensitive.png
new file mode 100644
index 00000000..067969fb
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-up-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-up.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-up.png
new file mode 100644
index 00000000..a99f7cf0
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-pan-up.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked-hover.png
new file mode 100644
index 00000000..63e5863f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked-insensitive.png
new file mode 100644
index 00000000..d5297c34
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 00000000..63e5863f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-checked.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-hover.png
new file mode 100644
index 00000000..843e1566
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-insensitive.png
new file mode 100644
index 00000000..0ef9fc74
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed-hover.png
new file mode 100644
index 00000000..5dc6d232
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed-insensitive.png
new file mode 100644
index 00000000..14881555
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 00000000..5dc6d232
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio-mixed.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio.png
new file mode 100644
index 00000000..843e1566
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menu-radio.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menubar-item-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menubar-item-active.png
new file mode 100644
index 00000000..d891b7ca
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/menubar-item-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png
new file mode 100644
index 00000000..bbfe47cf
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png
new file mode 100644
index 00000000..94d20b19
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png
new file mode 100644
index 00000000..bbab2c40
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png
new file mode 100644
index 00000000..859b056d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png
new file mode 100644
index 00000000..da605075
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png
new file mode 100644
index 00000000..48b7aa3d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry-active.png
new file mode 100644
index 00000000..f90a959b
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry-insensitive.png
new file mode 100644
index 00000000..7facd5ce
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry.png
new file mode 100644
index 00000000..aff55f1a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/notebook-entry.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-down-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-down-insensitive.png
new file mode 100644
index 00000000..ad983e53
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-down-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-down.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-down.png
new file mode 100644
index 00000000..2f28e41e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-down.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left-insensitive.png
new file mode 100644
index 00000000..54d26302
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left-semi.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 00000000..b7cd8588
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left-semi.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left.png
new file mode 100644
index 00000000..c9cb53ac
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-left.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right-insensitive.png
new file mode 100644
index 00000000..3eb32f22
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right-semi.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 00000000..67638b4e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right-semi.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right.png
new file mode 100644
index 00000000..6cf201d9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-right.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-up-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-up-insensitive.png
new file mode 100644
index 00000000..067969fb
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-up-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-up.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-up.png
new file mode 100644
index 00000000..a99f7cf0
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/pan-up.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-horz-trough.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-horz-trough.png
new file mode 100644
index 00000000..17ccca64
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-horz-trough.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-horz.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-horz.png
new file mode 100644
index 00000000..fe67ff13
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-horz.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-vert-trough.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-vert-trough.png
new file mode 100644
index 00000000..a007d5bf
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-vert-trough.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-vert.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-vert.png
new file mode 100644
index 00000000..56770940
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/progressbar-vert.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 00000000..ad9480dc
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 00000000..60daff19
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-insensitive.png
new file mode 100644
index 00000000..d4940db1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 00000000..b5036936
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-checked.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 00000000..9a8b2702
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 00000000..dd13130a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-insensitive.png
new file mode 100644
index 00000000..250c0959
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 00000000..d23ef54a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-mixed.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 00000000..cccf200c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 00000000..ae8aa98c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-insensitive.png
new file mode 100644
index 00000000..c19447cc
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 00000000..6f5880e6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/radio-unchecked.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-focus.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-focus.png
new file mode 100644
index 00000000..0484c08d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-focus.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-trough-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 00000000..df8b2184
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-trough-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-trough.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 00000000..a3d99fff
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-horz-trough.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 00000000..1fcbdcc8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 00000000..978fe281
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-insensitive.png
new file mode 100644
index 00000000..6cb1a9dd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 00000000..71c4a0bd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-slider.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-vert-trough-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 00000000..43342f92
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-vert-trough-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-vert-trough.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 00000000..b938eba9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scale-vert-trough.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 00000000..54069223
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 00000000..c22fe530
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 00000000..c22fe530
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-slider.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-trough.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 00000000..1f5ee046
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-horz-trough.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png
new file mode 100644
index 00000000..03cb9329
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-active.png
new file mode 100644
index 00000000..5be9f3ab
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png
new file mode 100644
index 00000000..a095031e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-hover.png
new file mode 100644
index 00000000..38b343e6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-rtl.png
new file mode 100644
index 00000000..a095031e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider-rtl.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider.png
new file mode 100644
index 00000000..38b343e6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-slider.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-trough-rtl.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-trough-rtl.png
new file mode 100644
index 00000000..66315c6d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-trough-rtl.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-trough.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-trough.png
new file mode 100644
index 00000000..8806eee1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/scrollbar-vert-trough.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-down-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-down-insensitive.png
new file mode 100644
index 00000000..bf45012d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-down-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-down.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-down.png
new file mode 100644
index 00000000..d562d2a8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-down.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 00000000..93d44870
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 00000000..a6f9db1a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-insensitive.png
new file mode 100644
index 00000000..dd0cef06
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 00000000..93d44870
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-down.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 00000000..ea5cccf6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 00000000..59330e60
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-insensitive.png
new file mode 100644
index 00000000..0963acc0
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 00000000..ea5cccf6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-ltr-up.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 00000000..907f77bd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 00000000..ea473dcf
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-insensitive.png
new file mode 100644
index 00000000..1e3b15ed
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 00000000..907f77bd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-down.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 00000000..abdde53f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 00000000..d52f38a1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-insensitive.png
new file mode 100644
index 00000000..248ad056
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 00000000..abdde53f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-rtl-up.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-up-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-up-insensitive.png
new file mode 100644
index 00000000..65908b0b
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-up-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-up.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-up.png
new file mode 100644
index 00000000..7486675f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/spin-up.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-down-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-down-active.png
new file mode 100644
index 00000000..020707d6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-down-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-down.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-down.png
new file mode 100644
index 00000000..020707d6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-down.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-horz-gap.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-horz-gap.png
new file mode 100644
index 00000000..9a12e33a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-horz-gap.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-left-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-left-active.png
new file mode 100644
index 00000000..bff7cfce
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-left-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-left.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-left.png
new file mode 100644
index 00000000..bff7cfce
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-left.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-right-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-right-active.png
new file mode 100644
index 00000000..db4b882f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-right-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-right.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-right.png
new file mode 100644
index 00000000..fa9e2af2
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-right.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-up-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-up-active.png
new file mode 100644
index 00000000..0afc4e6d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-up-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-up.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-up.png
new file mode 100644
index 00000000..0afc4e6d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-up.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-vert-gap.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-vert-gap.png
new file mode 100644
index 00000000..ef2eec66
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/tab-vert-gap.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down-active.png
new file mode 100644
index 00000000..b39c144a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down-hover.png
new file mode 100644
index 00000000..784de0b9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down.png
new file mode 100644
index 00000000..0ca78d83
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-down.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up-active.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up-active.png
new file mode 100644
index 00000000..7d85666a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up-hover.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up-hover.png
new file mode 100644
index 00000000..32f5903a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up.png
new file mode 100644
index 00000000..1c74473e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-pan-up.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-separator-ltr.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-separator-ltr.png
new file mode 100644
index 00000000..cd67974e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-separator-ltr.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-separator-rtl.png b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-separator-rtl.png
new file mode 100644
index 00000000..6451d51f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-2.0/assets/treeview-separator-rtl.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/gtkrc b/src/themes/Cyberpunk-Edge/gtk-2.0/gtkrc
new file mode 100644
index 00000000..b87559c4
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-2.0/gtkrc
@@ -0,0 +1,39 @@
+# Based on Bridge by ScionicSpectre
+# vim:set ts=2 sw=2 sts=2 ai et:
+#
+# This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the
+# GTK+ 3 version as much as possible until GTK+ 2 dies completely.
+#
+# Note: comments for explaining styles are on the bottom of each file beside the
+# widget matches.
+
+# Declare the colours used throughout the theme.
+# There shouldn't be any fiddling with them in the theme files themselves in
+# order to not mess up the dark theme.
+
+# Text/base
+gtk-color-scheme = "text_color:white\nbase_color:#000"
+# Foreground/background
+gtk-color-scheme = "fg_color:#eeeeec\nbg_color:#0d0d0d"
+#Â Selected foreground/background
+gtk-color-scheme = "selected_bg_color:#ffd86e"
+gtk-color-scheme = "selected_fg_color: #000000"
+# Insensitive foreground/background
+gtk-color-scheme = "insensitive_fg_color:#888a8d\ninsensitive_bg_color:#242731"
+# Menus
+gtk-color-scheme = "menu_color:#0f0f0f"
+# Links
+gtk-color-scheme = "link_color:#ffd86e\nvisited_link_color:#8db7ff"
+# Treeview headers
+gtk-color-scheme = "column_header_color:#898b8b\nhover_column_header_color:#bcbdbc"
+# Window decoration
+gtk-color-scheme = "window_color:#000"
+# Tooltips
+gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000"
+
+# Set GTK settings
+gtk-auto-mnemonics = 1
+gtk-primary-button-warps-slider = 1
+
+# And hand over the control to the theme files
+include "main.rc"
diff --git a/src/themes/Cyberpunk-Edge/gtk-2.0/main.rc b/src/themes/Cyberpunk-Edge/gtk-2.0/main.rc
new file mode 100644
index 00000000..062796d0
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-2.0/main.rc
@@ -0,0 +1,2554 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK+ 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK+ 2 and 3 theme.
+
+style "default" {
+
+ xthickness = 1
+ ythickness = 1
+
+ ####################
+ # Style Properties #
+ ####################
+
+ GtkWidget::focus-line-width = 1
+ GtkWidget::focus-line-pattern = "\2\1"
+
+ GtkToolbar::internal-padding = 4
+ GtkToolButton::icon-spacing = 4
+
+ GtkWidget::tooltip-radius = 3
+ GtkWidget::tooltip-alpha = 235
+ GtkWidget::new-tooltip-style = 1 #for compatibility
+
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @visited_link_color
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkHTML::vlink-color = @visited_link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+ GtkSeparatorMenuItem::wide-separators = 1
+ GtkSeparatorMenuItem::separator-height = 1
+
+ GtkButton::child-displacement-y = 0
+
+ GtkButton::default-border = {0, 0, 0, 0}
+ GtkButton::default-outside-border = {0, 0, 0, 0}
+ GtkButton::inner-border = {4, 4, 4, 4}
+
+ GtkEntry::state-hint = 1
+ GtkEntry::inner-border = {7, 7, 4, 5}
+
+ GtkPaned::handle-size = 9
+ GtkHPaned::handle-size = 9
+ GtkVPaned::handle-size = 9
+
+ GtkScrollbar::trough-border = 0
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 13
+ GtkRange::stepper-size = 0
+ GtkRange::activate-slider = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::stepper-size = 0
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins)
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkScale::slider_length = 26
+ GtkScale::slider_width = 26
+ GtkScale::trough-side-details = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 6
+ GtkProgressBar::min-vertical-bar-width = 6
+ # Making this bigger than the min[height,width]-2*[y,x]spacing makes the
+ # whole progressbar thicker, so by setting it to the exact above value
+ #Â we get the maximum spacing between the text and the edges without
+ # doing so.
+ GtkProgressBar::xspacing = 4
+ GtkProgressBar::yspacing = 4
+
+ GtkStatusbar::shadow_type = GTK_SHADOW_NONE
+ GtkSpinButton::shadow_type = GTK_SHADOW_NONE
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE
+ # TODO: find out what this comment means:
+ # ( every window is misaligned for the sake of menus ):
+ GtkMenuBar::internal-padding = 0
+ GtkMenu::horizontal-padding = 0
+ GtkMenu::vertical-padding = 2
+ GtkMenu::double-arrows = 0
+ GtkMenuItem::arrow-scaling = 1
+ GtkMenuItem::toggle-spacing = 10
+
+ GtkCheckButton::indicator_spacing = 3
+ GtkOptionMenu::indicator_spacing = {13, 13, 5, 8}
+
+ GtkTreeView::expander-size = 16
+ GtkTreeView::vertical-separator = 0
+ GtkTreeView::horizontal-separator = 4
+ GtkTreeView::allow-rules = 0
+ #Â Set this because some apps read it
+ GtkTreeView::odd-row-color = @base_color
+ GtkTreeView::even-row-color = @base_color
+
+ GtkExpander::expander-size = 16
+
+ GtkNotebook::tab-overlap = 4
+
+ ##########
+ # Colors #
+ ##########
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[INSENSITIVE] = @insensitive_bg_color
+ bg[ACTIVE] = @bg_color
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[INSENSITIVE] = @insensitive_fg_color
+ fg[ACTIVE] = @fg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = @insensitive_fg_color
+ text[ACTIVE] = @selected_fg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.95, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[INSENSITIVE] = @insensitive_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ # For succinctness, all reasonable pixmap options remain here
+
+ #Â Draw frame around menu in a non-compositied environment
+ # This needs to go before pixmap because we need to override some stuff
+ engine "adwaita" {}
+
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/radio-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ ##########
+ # Arrows #
+ ##########
+
+ #Â Overrides
+
+ #Â Disable arrows in spinbuttons
+ image {
+ function = ARROW
+ detail = "spinbutton"
+ }
+
+ # Disable arrows for qt in scrollbars
+ image {
+ function = ARROW
+ detail = "vscrollbar"
+ }
+ image {
+ function = ARROW
+ detail = "hscrollbar"
+ }
+
+ # Menu arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-left-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-left-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-right-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-right-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/menu-pan-up-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/menu-pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/menu-pan-down-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/menu-pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ # Regular arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-up-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-left-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-right-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ ######################
+ # Option Menu Arrows #
+ ######################
+
+ image {
+ function = TAB
+ state = NORMAL
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ #########
+ # Lines #
+ #########
+
+ image {
+ function = VLINE
+ file = "assets/line.png"
+ border = {1, 0, 0, 0}
+ }
+
+ image {
+ function = HLINE
+ file = "assets/line.png"
+ border = {0, 0, 1, 0}
+ }
+
+ #########
+ # Focus #
+ #########
+
+ image {
+ function = FOCUS
+ file = "assets/focus.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ ###########
+ # Handles #
+ ###########
+
+ image {
+ function = HANDLE
+ detail = "handlebox"
+ overlay_file = "assets/handle.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = HANDLE
+ file = "assets/handle-horz.png"
+ border = {0, 0, 4, 4}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ file = "assets/handle-vert.png"
+ border = {4, 4, 0, 0}
+ orientation = VERTICAL
+ }
+
+ image {
+ function = RESIZE_GRIP
+ }
+
+ #############
+ # Expanders #
+ #############
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ file = "assets/pan-down.png"
+ }
+
+ #Â LTR
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ #Â RTL
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ #############
+ #Â Notebooks #
+ #############
+
+ # Left
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-left-active.png"
+ border = {3, 0, 3, 3}
+ stretch = TRUE
+ gap_side = RIGHT
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-left.png"
+ border = {3, 0, 3, 3}
+ stretch = TRUE
+ gap_side = RIGHT
+ }
+
+ #Â Right
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-right-active.png"
+ border = {0, 3, 3, 3}
+ stretch = TRUE
+ gap_side = LEFT
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-right.png"
+ border = {0, 3, 3, 3}
+ stretch = TRUE
+ gap_side = LEFT
+ }
+
+ #Â Up
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-up-active.png"
+ border = {3, 3, 3, 0}
+ stretch = TRUE
+ gap_side = BOTTOM
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-up.png"
+ border = {3, 3, 3, 0}
+ stretch = TRUE
+ gap_side = BOTTOM
+ }
+
+ #Â Down
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-down-active.png"
+ border = {3, 3, 0, 3}
+ stretch = TRUE
+ gap_side = TOP
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-down.png"
+ border = {3, 3, 0, 3}
+ stretch = TRUE
+ gap_side = TOP
+ }
+
+ # Inner frame
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-vert-gap.png"
+ gap_border = {1, 0, 1, 1}
+ gap_side = LEFT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-vert-gap.png"
+ gap_border = {0, 1, 1, 1}
+ gap_side = RIGHT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-horz-gap.png"
+ gap_border = {1, 1, 1, 0}
+ gap_side = TOP
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-horz-gap.png"
+ gap_border = {1, 1, 0, 1}
+ gap_side = BOTTOM
+ }
+
+ # Standalone frame
+ image {
+ function = BOX
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ ##############
+ #Â Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-horz-trough.png"
+ border = {0, 0, 1, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-trough.png"
+ border = {1, 0, 0, 0}
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-trough-rtl.png"
+ border = {0, 1, 0, 0}
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+
+ #Â Disable insensitive sliders
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ }
+
+ # Horizontal sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider.png"
+ border = {6, 6, 7, 6 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-hover.png"
+ border = {6, 6, 7, 6 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-active.png"
+ border = {6, 6, 7, 6 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ # Vertical sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider.png"
+ border = {7, 6, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-hover.png"
+ border = {7, 6, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-active.png"
+ border = {7, 6, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ #Â RTL
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-rtl.png"
+ border = {6, 7, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-hover-rtl.png"
+ border = {6, 7, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-active-rtl.png"
+ border = {6, 7, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ ##########
+ # Scales #
+ ##########
+
+ #Â Troughs, overrided later on. We set them here too because some widgets
+ # don't specify their orientation.
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ #Â Sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "hscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "hscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "hscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "hscale"
+ file = "assets/scale-slider-insensitive.png"
+ }
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "vscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "vscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "vscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "vscale"
+ file = "assets/scale-slider-insensitive.png"
+ }
+
+ ###########
+ # Menubar #
+ ###########
+
+ image {
+ function = BOX
+ detail = "menubar"
+ file = "assets/line.png"
+ border = {0, 0, 0, 1}
+ }
+
+ #########
+ # Menus #
+ #########
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_up"
+ file = "assets/line.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_up"
+ file = "assets/line.png"
+ border = {0, 0, 0, 1}
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_down"
+ file = "assets/line.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_down"
+ file = "assets/line.png"
+ border = {0, 0, 1, 0}
+ }
+
+ ###########
+ # Entries #
+ ###########
+
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = FLAT_BOX
+ state = ACTIVE
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ state = INSENSITIVE
+ detail = "entry_bg"
+ file = "assets/entry-background-insensitive.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+ #########
+ # Spins #
+ #########
+
+ # Spin-Up LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-hover.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-active.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-insensitive.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up-insensitive.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Up RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-insensitive.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up-insensitive.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ # Spin-Down LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-hover.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-active.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-insensitive.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down-insensitive.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Down RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-hover.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-active.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-insensitive.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down-insensitive.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-horz.png"
+ stretch = TRUE
+ border = {2, 2, 1, 1}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-vert.png"
+ stretch = TRUE
+ border = {1, 1, 2, 2}
+ orientation = VERTICAL
+ }
+
+ #############
+ # Treeviews #
+ #############
+
+ #Â Disable active the column highlight
+ # We need to match specific cells or we break stuff
+ # Looking at you deadbeef
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_even_sorted"
+ state = NORMAL
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_odd_sorted"
+ state = NORMAL
+ }
+
+ #Â Disable all the other shadows
+ # This prevents the Raleigh effect
+ image {
+ function = SHADOW
+ }
+
+ }
+
+}
+
+style "menubar" {
+
+ # Needed to fix Firefox's menubar text
+ bg[SELECTED] = @selected_fg_color
+ fg[SELECTED] = @link_color
+
+}
+
+style "menubar_item" {
+
+ xthickness = 3
+ ythickness = 4
+
+ fg[PRELIGHT] = @link_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/menubar-item-active.png"
+ border = {0, 0, 0, 3}
+ }
+ }
+
+}
+
+style "menu" {
+
+ xthickness = 0
+ ythickness = 0
+
+ bg[NORMAL] = @menu_color
+ bg[INSENSITIVE] = @menu_color
+ bg[PRELIGHT] = @menu_color
+ bg[SELECTED] = @selected_bg_color
+
+}
+
+style "menu_item" {
+
+ xthickness = 3
+ ythickness = 4
+
+ bg[PRELIGHT] = @selected_bg_color
+ # Chromium uses this setting
+ bg[SELECTED] = @selected_bg_color
+
+ fg[PRELIGHT] = @selected_fg_color
+ # Some widgets use text, we need to handle that
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @selected_fg_color
+
+ #Â Unfortunately we can't tell regular and menu checks/radios apart
+ # Without the heirarchy
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-radio.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-radio-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+
+
+ }
+
+}
+
+style "separator_menu_item" {
+
+ xthickness = 0
+ ythickness = 0
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/line.png"
+ }
+ }
+
+}
+
+style "button" {
+
+ xthickness = 2
+ ythickness = 2
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ #Â Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/button.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/button-hover.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/button-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/button-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/button-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+ }
+}
+
+style "link_button" {
+
+ # Disable the button effect, leave just the link
+ engine "pixmap" {
+ image {
+ function = BOX
+ }
+ }
+
+}
+
+style "entry" {
+
+ #Â We set this same as the border of the border of the entry
+ #Â This way there's no overlap
+ xthickness = 4
+ ythickness = 4
+
+}
+
+style "combobox" {
+
+ xthickness = 6
+ ythickness = 4
+
+ # This affects only the button beside an entry
+ GtkButton::inner-border = {0, 0, 0, 0}
+
+}
+
+style "combobox_cellview" {
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+}
+
+style "combobox_entry" {
+
+ # Since one side of the button is missing, we need to shift the arrow a little to the right
+ GtkButton::inner-border = {0, 1, 0, 0}
+
+ engine "pixmap" {
+
+ #############
+ # LTR entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-entry-ltr-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-entry-ltr-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-entry-ltr-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ #############
+ # RTL entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-entry-rtl-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-entry-rtl-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-entry-rtl-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ ##############
+ # LTR button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-entry-ltr-button.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-entry-ltr-button-hover.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-entry-ltr-button-active.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-entry-ltr-button-insensitive.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ ##############
+ # RTL button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-entry-rtl-button.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-entry-rtl-button-hover.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-entry-rtl-button-active.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-entry-rtl-button-insensitive.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ }
+
+}
+
+style "combo_button_padding" {
+
+ # Since one side of the button is missing, we need to shift the arrow a
+ # little to the right.
+ #Â This is the same thing we've done above but the combo, unlike the combobox,
+ # uses padding the same way as a button.
+ GtkButton::inner-border = {6, 8, 4, 4}
+
+}
+
+style "notebook" {
+
+ xthickness = 5
+ ythickness = 2
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+ bg[NORMAL] = @base_color
+ bg[PRELIGHT] = @base_color
+ bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+
+ engine "pixmap" {
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/notebook-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/notebook-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/notebook-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+ }
+}
+
+style "normal_bg" {
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[INSENSITIVE] = @insensitive_bg_color
+}
+
+style "normal_entry" {
+
+ engine "pixmap" {
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+ }
+}
+
+style "notebook_combo" {
+
+ engine "pixmap" {
+
+ #############
+ # LTR entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/notebook-combo-entry-ltr-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-ltr-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-ltr-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ #############
+ # RTL entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/notebook-combo-entry-rtl-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-rtl-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-rtl-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ }
+
+}
+
+style "textview" {
+ bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ }
+
+ }
+
+}
+
+style "scale_vert" {
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ }
+
+ }
+
+}
+
+style "progressbar" {
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-horz-trough.png"
+ border = {3, 3, 2, 2}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-vert-trough.png"
+ border = {2, 2, 3, 3}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ }
+
+}
+
+style "treeview_header" {
+
+ xthickness = 1
+ ythickness = 0
+
+ fg[NORMAL] = @column_header_color
+ fg[PRELIGHT] = @hover_column_header_color
+
+ font_name = "Bold"
+
+ GtkButton::inner-border = {5, 5, 0, 1}
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ file = "assets/treeview-separator-ltr.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ file = "assets/treeview-separator-rtl.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/treeview-pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/treeview-pan-up-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/treeview-pan-up-active.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/treeview-pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/treeview-pan-down-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/treeview-pan-down-active.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ }
+
+}
+
+style "scrolled_window" {
+
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+ }
+
+}
+
+style "frame" {
+
+ engine "pixmap" {
+
+ image {
+ function = SHADOW
+ shadow = NONE
+ }
+
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW_GAP
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_start_file = "assets/border.png"
+ gap_end_file = "assets/border.png"
+ }
+
+ }
+
+}
+
+style "toolbar_button" {
+
+ xthickness = 2
+ ythickness = 2
+
+ GtkButton::inner-border = {2, 2, 2, 2}
+
+}
+
+style "toolbar_separator" {
+
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 1
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/line.png"
+ }
+ }
+
+}
+
+style "inline_toolbar" {
+
+ GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ file = "assets/frame-inline.png"
+ border = {1, 1, 0, 1}
+ stretch = TRUE
+ }
+ }
+
+}
+
+style "tooltip" {
+
+ xthickness = 13
+ ythickness = 13
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+ bg[SELECTED] = @tooltip_bg_color
+
+}
+
+style "disable_separator" {
+
+ xthickness = 0
+ ythickness = 0
+
+ GtkWidget::wide-separators = 1
+
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+ ######################################
+ # Override padding, style and colour #
+ ######################################
+
+class "GtkButton" style "button"
+class "GtkLinkButton" style "link_button"
+class "GtkEntry" style "entry"
+class "GtkOldEditable" style "entry"
+class "GtkNotebook" style "notebook"
+class "GtkHScale" style "scale_horz"
+class "GtkVScale" style "scale_vert"
+class "GtkProgressBar" style "progressbar"
+class "GtkScrolledWindow" style "scrolled_window"
+class "GtkFrame" style "frame"
+class "GtkSeparatorToolItem" style "toolbar_separator"
+class "GtkMenuBar" style "menubar"
+class "GtkMenu" style "menu"
+class "GtkTextView" style "textview"
+
+# Menu and menubar items
+widget_class "**" style "menu_item"
+widget_class "*.*" style "menubar_item"
+widget_class "**" style "separator_menu_item"
+
+# Treeview buttons
+widget_class "***" style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "**" style "inline_toolbar"
+
+#Â Fix padding on regular comboboxes
+widget_class "*." style "combobox"
+# And disable separators on them
+widget_class "*.*" style "disable_separator"
+
+#Â Join together the ComboBoxEntry entry and button
+widget_class "**" style "combobox_entry"
+
+#Â Join the Combo entry and button
+widget_class "**" style "combobox_entry"
+#Â Tweak the padding on the button a little bit because it
+# uses it a bit differently
+widget_class "*." style "combo_button_padding"
+
+#Â Alas we cannot do the same for ComboBoxText because there
+# isn't a way to apply the style to only the comboboxes that
+# have an entry inside
+
+# Toolbar buttons have different paddings
+widget_class "**" style "toolbar_button"
+
+# Notebooks are white, act accordingly
+widget_class "**" style "notebook_entry"
+widget_class "**" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "***" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "*.*" style "notebook_bg"
+widget_class "***" style "notebook_combo"
+widget_class "***" style "notebook_combo"
+
+# However, stuff inside eventboxes inside notebooks is grey
+# again, react
+widget_class "***" style "normal_entry"
+widget_class "***" style "normal_bg"
+widget_class "***" style "normal_bg"
+widget_class "****" style "combobox_entry"
+widget_class "****" style "combobox_entry"
+widget_class "***." style "combo_button_padding"
+
+# ComboBoxes tend to draw the button label with text[]
+# instead of fg[], we need to fix that
+widget_class "**" style "combobox_cellview"
+
+# GTK tooltips
+widget "gtk-tooltip*" style "tooltip"
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet-symbolic.svg b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 00000000..c0299734
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet-symbolic.symbolic.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 00000000..0ed01194
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet@2-symbolic.symbolic.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 00000000..2f26a510
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check-symbolic.svg b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 00000000..bac5cd6a
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check-symbolic.symbolic.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 00000000..21be6127
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check@2-symbolic.symbolic.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 00000000..2c2a0ddb
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/close.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/close.png
new file mode 100644
index 00000000..8ea117d6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/close.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/close@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/close@2.png
new file mode 100644
index 00000000..05da08cd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/close@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash-symbolic.svg b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 00000000..7886d541
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash-symbolic.symbolic.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 00000000..c20d4bac
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash@2-symbolic.symbolic.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 00000000..d2b3385e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/maximize.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/maximize.png
new file mode 100644
index 00000000..8a6d1bfc
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/maximize.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/maximize@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/maximize@2.png
new file mode 100644
index 00000000..6bcc9ec8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/maximize@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/minimize.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/minimize.png
new file mode 100644
index 00000000..f4da52f0
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/minimize.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/minimize@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/minimize@2.png
new file mode 100644
index 00000000..e1546dc4
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/minimize@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png
new file mode 100644
index 00000000..f3038869
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png
new file mode 100644
index 00000000..66570623
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest.png
new file mode 100644
index 00000000..62f7ec1e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest@2.png
new file mode 100644
index 00000000..d9b3444f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png
new file mode 100644
index 00000000..8395ed30
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png
new file mode 100644
index 00000000..c36228d2
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png
new file mode 100644
index 00000000..5cb90542
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png
new file mode 100644
index 00000000..ca28a9df
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest.png
new file mode 100644
index 00000000..93ec2f4c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png
new file mode 100644
index 00000000..162fa267
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png
new file mode 100644
index 00000000..5cb90542
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png
new file mode 100644
index 00000000..ca28a9df
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png
new file mode 100644
index 00000000..93ec2f4c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png
new file mode 100644
index 00000000..162fa267
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png
new file mode 100644
index 00000000..ef14660c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png
new file mode 100644
index 00000000..03fe555c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png
new file mode 100644
index 00000000..331dc198
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png
new file mode 100644
index 00000000..560b817d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png
new file mode 100644
index 00000000..38757a8d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png
new file mode 100644
index 00000000..5eeff517
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest.png
new file mode 100644
index 00000000..a5eab18a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest@2.png
new file mode 100644
index 00000000..0d644faa
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png
new file mode 100644
index 00000000..f3038869
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png
new file mode 100644
index 00000000..fbccc3d5
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest.png
new file mode 100644
index 00000000..62f7ec1e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest@2.png
new file mode 100644
index 00000000..5c498b03
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png
new file mode 100644
index 00000000..8395ed30
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png
new file mode 100644
index 00000000..57cfc42f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png
new file mode 100644
index 00000000..5cb90542
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png
new file mode 100644
index 00000000..ca28a9df
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest.png
new file mode 100644
index 00000000..93ec2f4c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png
new file mode 100644
index 00000000..162fa267
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png
new file mode 100644
index 00000000..ef14660c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png
new file mode 100644
index 00000000..03fe555c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above.png
new file mode 100644
index 00000000..3d522ac0
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png
new file mode 100644
index 00000000..3c1d6954
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png
new file mode 100644
index 00000000..9b154c30
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png
new file mode 100644
index 00000000..08db8591
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest.png
new file mode 100644
index 00000000..f0297b49
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest@2.png
new file mode 100644
index 00000000..9add8475
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png
new file mode 100644
index 00000000..ed59571c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png
new file mode 100644
index 00000000..1910ee63
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png
new file mode 100644
index 00000000..2977074c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png
new file mode 100644
index 00000000..c28fa3e3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest.png
new file mode 100644
index 00000000..db57639e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png
new file mode 100644
index 00000000..cf564ad8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png
new file mode 100644
index 00000000..2977074c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png
new file mode 100644
index 00000000..c28fa3e3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png
new file mode 100644
index 00000000..db57639e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png
new file mode 100644
index 00000000..cf564ad8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png
new file mode 100644
index 00000000..7283014d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png
new file mode 100644
index 00000000..b802db01
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png
new file mode 100644
index 00000000..0fd1ac54
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png
new file mode 100644
index 00000000..e2a3c970
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png
new file mode 100644
index 00000000..505c7ecc
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png
new file mode 100644
index 00000000..8d315981
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest.png
new file mode 100644
index 00000000..d4334134
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest@2.png
new file mode 100644
index 00000000..dc82d150
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png
new file mode 100644
index 00000000..9b154c30
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png
new file mode 100644
index 00000000..08db8591
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest.png
new file mode 100644
index 00000000..f0297b49
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest@2.png
new file mode 100644
index 00000000..9add8475
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png
new file mode 100644
index 00000000..a9a013ec
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png
new file mode 100644
index 00000000..4d0d793e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png
new file mode 100644
index 00000000..2977074c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png
new file mode 100644
index 00000000..c28fa3e3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest.png
new file mode 100644
index 00000000..db57639e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png
new file mode 100644
index 00000000..cf564ad8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png
new file mode 100644
index 00000000..0fd1ac54
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png
new file mode 100644
index 00000000..e2a3c970
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below.png
new file mode 100644
index 00000000..41d1ac6f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png
new file mode 100644
index 00000000..a77c0b7c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png
new file mode 100644
index 00000000..297fe16e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png
new file mode 100644
index 00000000..0ef9870c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest.png
new file mode 100644
index 00000000..c5f46123
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest@2.png
new file mode 100644
index 00000000..85587b25
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png
new file mode 100644
index 00000000..c28f092e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png
new file mode 100644
index 00000000..db249b65
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png
new file mode 100644
index 00000000..df9d144a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png
new file mode 100644
index 00000000..c525ae2e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest.png
new file mode 100644
index 00000000..5df6b136
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png
new file mode 100644
index 00000000..662a1826
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png
new file mode 100644
index 00000000..df9d144a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png
new file mode 100644
index 00000000..c525ae2e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png
new file mode 100644
index 00000000..5df6b136
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png
new file mode 100644
index 00000000..662a1826
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png
new file mode 100644
index 00000000..06f3a9e3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png
new file mode 100644
index 00000000..b76e980f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png
new file mode 100644
index 00000000..977e373c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png
new file mode 100644
index 00000000..b76e980f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png
new file mode 100644
index 00000000..30877f30
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png
new file mode 100644
index 00000000..b0a835d1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest.png
new file mode 100644
index 00000000..50a4eb20
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest@2.png
new file mode 100644
index 00000000..5594b453
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png
new file mode 100644
index 00000000..297fe16e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png
new file mode 100644
index 00000000..3194744f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest.png
new file mode 100644
index 00000000..c5f46123
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest@2.png
new file mode 100644
index 00000000..77a9438d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png
new file mode 100644
index 00000000..c28f092e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png
new file mode 100644
index 00000000..3a283d1d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png
new file mode 100644
index 00000000..df9d144a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png
new file mode 100644
index 00000000..c525ae2e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest.png
new file mode 100644
index 00000000..5df6b136
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png
new file mode 100644
index 00000000..662a1826
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png
new file mode 100644
index 00000000..06f3a9e3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png
new file mode 100644
index 00000000..c32b58b7
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above.png
new file mode 100644
index 00000000..5e0e7f73
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png
new file mode 100644
index 00000000..fc0cf2c4
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png
new file mode 100644
index 00000000..ba43e328
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png
new file mode 100644
index 00000000..a272883a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest.png
new file mode 100644
index 00000000..cfb603d2
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest@2.png
new file mode 100644
index 00000000..1451182f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png
new file mode 100644
index 00000000..1a7d65c8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png
new file mode 100644
index 00000000..9ef1f7e5
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png
new file mode 100644
index 00000000..45527534
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png
new file mode 100644
index 00000000..903313d9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest.png
new file mode 100644
index 00000000..27b26ea1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png
new file mode 100644
index 00000000..9fd41801
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png
new file mode 100644
index 00000000..45527534
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png
new file mode 100644
index 00000000..903313d9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png
new file mode 100644
index 00000000..27b26ea1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png
new file mode 100644
index 00000000..9fd41801
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png
new file mode 100644
index 00000000..acac5e95
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png
new file mode 100644
index 00000000..89a61131
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png
new file mode 100644
index 00000000..acac5e95
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png
new file mode 100644
index 00000000..89a61131
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png
new file mode 100644
index 00000000..fc411ea7
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png
new file mode 100644
index 00000000..dac4eb74
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest.png
new file mode 100644
index 00000000..f0e25911
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest@2.png
new file mode 100644
index 00000000..f02e565b
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png
new file mode 100644
index 00000000..ba43e328
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png
new file mode 100644
index 00000000..df052c3b
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest.png
new file mode 100644
index 00000000..cfb603d2
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest@2.png
new file mode 100644
index 00000000..2caaa1f9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png
new file mode 100644
index 00000000..1a7d65c8
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png
new file mode 100644
index 00000000..d4c7d335
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png
new file mode 100644
index 00000000..45527534
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png
new file mode 100644
index 00000000..903313d9
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest.png
new file mode 100644
index 00000000..27b26ea1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png
new file mode 100644
index 00000000..9fd41801
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png
new file mode 100644
index 00000000..acac5e95
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png
new file mode 100644
index 00000000..ae7b771a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below.png
new file mode 100644
index 00000000..2ca03861
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png
new file mode 100644
index 00000000..bbfa7b2a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-dark.png
new file mode 100644
index 00000000..547b04ba
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-dark@2.png
new file mode 100644
index 00000000..85108564
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-darkest.png
new file mode 100644
index 00000000..00ca83e3
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-darkest@2.png
new file mode 100644
index 00000000..53f73dba
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active.png
new file mode 100644
index 00000000..ba75071a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active@2.png
new file mode 100644
index 00000000..952e57ab
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-active@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-dark.png
new file mode 100644
index 00000000..e74bc216
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-dark@2.png
new file mode 100644
index 00000000..c65d7742
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-darkest.png
new file mode 100644
index 00000000..f95bded2
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-darkest@2.png
new file mode 100644
index 00000000..5240b5bd
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-dark.png
new file mode 100644
index 00000000..2b707e4f
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-dark@2.png
new file mode 100644
index 00000000..0f6e6c97
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-darkest.png
new file mode 100644
index 00000000..44706b2c
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-darkest@2.png
new file mode 100644
index 00000000..c99cbe2e
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover.png
new file mode 100644
index 00000000..ba75071a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover@2.png
new file mode 100644
index 00000000..952e57ab
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end-hover@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end.png
new file mode 100644
index 00000000..77ecabee
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end@2.png
new file mode 100644
index 00000000..95c0a28d
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-end@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-dark.png
new file mode 100644
index 00000000..43b5cefc
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-dark@2.png
new file mode 100644
index 00000000..a6352ac1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-darkest.png
new file mode 100644
index 00000000..b0da95a7
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-darkest@2.png
new file mode 100644
index 00000000..6a9d0a34
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active.png
new file mode 100644
index 00000000..81f4aeb4
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active@2.png
new file mode 100644
index 00000000..f3a51690
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-active@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-dark.png
new file mode 100644
index 00000000..b735e0d1
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-dark@2.png
new file mode 100644
index 00000000..b0f87fa6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-darkest.png
new file mode 100644
index 00000000..e112eb78
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-darkest@2.png
new file mode 100644
index 00000000..ff1d3357
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-dark.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-dark.png
new file mode 100644
index 00000000..b20aa4c6
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-dark.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-dark@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-dark@2.png
new file mode 100644
index 00000000..ffcac073
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-dark@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-darkest.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-darkest.png
new file mode 100644
index 00000000..d3367687
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-darkest.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-darkest@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-darkest@2.png
new file mode 100644
index 00000000..1d6831ad
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover-darkest@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover.png
new file mode 100644
index 00000000..81f4aeb4
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover@2.png
new file mode 100644
index 00000000..f3a51690
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start-hover@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start.png
new file mode 100644
index 00000000..0aba8aab
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start@2.png
new file mode 100644
index 00000000..5a3ca66a
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/text-select-start@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/titlebutton.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/titlebutton.png
new file mode 100644
index 00000000..61d73453
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/titlebutton.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/assets/titlebutton@2.png b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/titlebutton@2.png
new file mode 100644
index 00000000..d8fa73c5
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/assets/titlebutton@2.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/gtk-dark.css b/src/themes/Cyberpunk-Edge/gtk-3.0/gtk-dark.css
new file mode 120000
index 00000000..78c9d4e3
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-3.0/gtk-dark.css
@@ -0,0 +1 @@
+gtk.css
\ No newline at end of file
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/gtk.css b/src/themes/Cyberpunk-Edge/gtk-3.0/gtk.css
new file mode 100644
index 00000000..79a6ef5a
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-3.0/gtk.css
@@ -0,0 +1,7245 @@
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+* {
+ padding: 0;
+ -GtkToolButton-icon-spacing: 4;
+ -GtkTextView-error-underline-color: #bf1717;
+ -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: 4px;
+ -gtk-secondary-caret-color: #ffd86e; }
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ color: #eeeeec;
+ background-color: #0d0d0d; }
+ .background:backdrop {
+ color: #7d7d7c;
+ background-color: #0d0d0d;
+ 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: #0d0d0d; }
+ .gtkstyle-fallback:hover {
+ color: #eeeeec;
+ background-color: #262626; }
+ .gtkstyle-fallback:active {
+ color: #eeeeec;
+ background-color: black; }
+ .gtkstyle-fallback:disabled {
+ color: #7d7d7c;
+ background-color: #080808; }
+ .gtkstyle-fallback:selected {
+ color: #000000;
+ background-color: #ffd86e; }
+
+.view, iconview,
+.view text,
+iconview text,
+textview text {
+ color: white;
+ background-color: black; }
+ .view:backdrop, iconview:backdrop,
+ .view text:backdrop,
+ iconview text:backdrop,
+ textview text:backdrop {
+ color: #cdcdcd;
+ background-color: #030303; }
+ .view:backdrop:disabled, iconview:backdrop:disabled,
+ .view text:backdrop:disabled,
+ iconview text:backdrop:disabled,
+ textview text:backdrop:disabled {
+ color: #333333; }
+ .view:disabled, iconview:disabled,
+ .view text:disabled,
+ iconview text:disabled,
+ textview text:disabled {
+ color: #7d7d7c;
+ background-color: #080808; }
+ .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: #060606; }
+
+.rubberband,
+rubberband,
+.content-view rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+flowbox rubberband {
+ border: 1px solid #ffca3b;
+ background-color: rgba(255, 202, 59, 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: black; }
+ .content-view .tile:active, .content-view .tile:selected {
+ background-color: #ffd86e; }
+ .content-view .tile:disabled {
+ background-color: #080808; }
+
+label {
+ caret-color: currentColor; }
+ label selection {
+ background-color: #ffd86e;
+ color: #000000; }
+ label:disabled {
+ color: #7d7d7c; }
+ button label:disabled {
+ color: inherit; }
+ label:disabled:backdrop {
+ color: #333333; }
+ button label:disabled:backdrop {
+ color: inherit; }
+ label.error {
+ color: #bf1717; }
+ label.error:disabled {
+ color: rgba(191, 23, 23, 0.5); }
+ label.error:disabled:backdrop {
+ color: rgba(191, 23, 23, 0.4); }
+
+.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle,
+headerbar .subtitle, label.separator {
+ opacity: 0.55;
+ text-shadow: none; }
+
+assistant .sidebar {
+ background-color: black;
+ border-top: 1px solid #1f1f1f; }
+ assistant .sidebar:backdrop {
+ background-color: #030303;
+ border-color: #1f1f1f; }
+
+assistant.csd .sidebar {
+ border-top-style: none; }
+
+assistant .sidebar label {
+ padding: 6px 12px; }
+
+assistant .sidebar label.highlight {
+ background-color: #3a3a39; }
+
+.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: white;
+ border: none;
+ background-color: #303340;
+ 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: #7d7d7c; }
+ 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: 28px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: 1px solid;
+ border-radius: 6px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ color: white;
+ border-color: #1f1f1f;
+ background-color: black;
+ box-shadow: inset 0 0 0 1px rgba(255, 216, 110, 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 #ffd86e;
+ border-color: #d49b00; }
+ spinbutton:disabled:not(.vertical),
+ entry:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-color: #080808;
+ box-shadow: none; }
+ spinbutton:backdrop:not(.vertical),
+ entry:backdrop {
+ color: #cdcdcd;
+ border-color: #1f1f1f;
+ background-color: #030303;
+ box-shadow: none;
+ transition: 200ms ease-out; }
+ spinbutton:backdrop:disabled:not(.vertical),
+ entry:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-color: #080808;
+ box-shadow: none; }
+ spinbutton.error:not(.vertical),
+ entry.error {
+ color: #bf1717;
+ border-color: #200404; }
+ spinbutton.error:focus:not(.vertical),
+ entry.error:focus {
+ box-shadow: inset 0 0 0 1px #bf1717;
+ border-color: #200404; }
+ spinbutton.error:not(.vertical) selection,
+ entry.error selection {
+ background-color: #bf1717; }
+ spinbutton.warning:not(.vertical),
+ entry.warning {
+ color: #fd7d00;
+ border-color: #4b2500; }
+ spinbutton.warning:focus:not(.vertical),
+ entry.warning:focus {
+ box-shadow: inset 0 0 0 1px #fd7d00;
+ border-color: #4b2500; }
+ spinbutton.warning:not(.vertical) selection,
+ entry.warning selection {
+ background-color: #fd7d00; }
+ spinbutton:not(.vertical) image,
+ entry image {
+ color: #bebebd; }
+ spinbutton:not(.vertical) image:hover,
+ entry image:hover {
+ color: #eeeeec; }
+ spinbutton:not(.vertical) image:active,
+ entry image:active {
+ color: #ffd86e; }
+ spinbutton:not(.vertical) image:backdrop,
+ entry image:backdrop {
+ color: #656564; }
+ spinbutton:drop(active):not(.vertical),
+ entry:drop(active):focus,
+ entry:drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+ .osd spinbutton:not(.vertical), .osd entry {
+ color: white;
+ border-color: black;
+ 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: #ffd86e;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: inset 0 0 0 1px #ffd86e;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop {
+ color: white;
+ border-color: black;
+ 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: #97999f;
+ border-color: black;
+ background-color: rgba(68, 72, 83, 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: #ffd86e;
+ 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: #d49b00; }
+
+.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: #200404; }
+
+.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: #19a187; }
+
+.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: #090909; }
+ .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: #0b0b0b; }
+
+.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: #090909; }
+
+.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: #d49b00; }
+
+.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: #200404; }
+
+.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: #19a187; }
+
+.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: #d49b00; }
+
+.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: #200404; }
+
+.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: #19a187; }
+
+spinbutton.error:not(.vertical),
+entry.error {
+ color: #bf1717; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) {
+ background-color: black;
+ transition-property: color, background; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: black; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #ffd86e; }
+
+.entry-tag {
+ padding: 5px;
+ margin-top: 2px;
+ margin-bottom: 2px;
+ border-style: none;
+ color: black;
+ background-color: #777776; }
+ :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: #909090; }
+ :backdrop .entry-tag {
+ color: #030303;
+ background-color: #40403f; }
+ .entry-tag.button {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.7); }
+ :not(:backdrop) .entry-tag.button:hover {
+ border: 1px solid #777776;
+ color: black; }
+ :not(:backdrop) .entry-tag.button:active {
+ background-color: #777776;
+ color: rgba(0, 0, 0, 0.7); }
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ffedbb), to(transparent)); }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffd86e), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow,
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 2px 6px;
+ border: 1px solid;
+ border-radius: 6px;
+ 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: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ 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: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none;
+ -gtk-icon-effect: highlight; }
+ notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
+ button:active,
+ button:checked {
+ color: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25);
+ transition-duration: 50ms; }
+ notebook > header > tabs > arrow:backdrop,
+ button:backdrop.flat,
+ button:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ 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: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop:disabled,
+ button:backdrop.flat:disabled,
+ button:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ 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: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#010101);
+ box-shadow: none; }
+ 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: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
+ button:disabled:active,
+ button:disabled:checked {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(black);
+ box-shadow: none; }
+ notebook > header > tabs > arrow.image-button,
+ button.image-button {
+ min-width: 24px;
+ padding-left: 2px;
+ padding-right: 2px; }
+ 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: #19a187;
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
+ color: #000000;
+ border-color: transparent; }
+ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
+ color: #7d7d7c; }
+
+
+button.osd {
+ min-width: 26px;
+ min-height: 32px;
+ color: white;
+ border-radius: 5px;
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3);
+ border: none;
+ box-shadow: none; }
+
+ button.osd.image-button {
+ min-width: 34px; }
+
+ button.osd:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ 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(255, 255, 255, 0.3);
+ border: none;
+ box-shadow: none; }
+
+ button.osd:active,
+ button.osd:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border: none;
+ box-shadow: none; }
+
+ button.osd:disabled:backdrop,
+ button.osd:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border: none; }
+
+ button.osd:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3); }
+ .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ 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(255, 255, 255, 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: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 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: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ 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(255, 255, 255, 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: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+
+
+button.suggested-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #ffd45f;
+ background-image: image(#ffd86e);
+ box-shadow: none; }
+
+ 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: #ffd86e; }
+
+ button.suggested-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #ffca3b;
+ background-image: image(#ffebb5);
+ box-shadow: none; }
+
+ button.suggested-action:active,
+ button.suggested-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #ffc527;
+ background-image: linear-gradient(to right, #ffc831, #ffc21c);
+ box-shadow: 0 2px 4px rgba(255, 197, 39, 0.25); }
+
+ button.suggested-action:backdrop,
+ button.suggested-action.flat:backdrop {
+ color: #fff7e2;
+ border-color: #ffca3b;
+ background-image: image(#ffd86e);
+ box-shadow: none; }
+
+ button.suggested-action:backdrop:active,
+ button.suggested-action:backdrop:checked,
+ button.suggested-action.flat:backdrop:active,
+ button.suggested-action.flat:backdrop:checked {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+
+ button.suggested-action:backdrop:disabled,
+ button.suggested-action.flat:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+
+ 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: #e4cc8c;
+ border-color: #ffca3b;
+ background-image: image(#d5b14d);
+ box-shadow: none; }
+
+ 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(255, 216, 110, 0.8); }
+
+ button.suggested-action:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+
+ button.suggested-action:disabled:active,
+ button.suggested-action:disabled:checked {
+ color: #eddeb5;
+ border-color: #ffca3b;
+ background-image: image(#d3ad45);
+ box-shadow: none; }
+ .osd button.suggested-action {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(255, 216, 110, 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(255, 255, 255, 0.3); }
+ .osd button.suggested-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(255, 216, 110, 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(255, 255, 255, 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: black;
+ background-color: transparent;
+ background-image: image(#ffd86e);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd button.suggested-action:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(255, 216, 110, 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: #991212;
+ background-image: image(#a61414);
+ box-shadow: none; }
+
+ 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: #a61414; }
+
+ button.destructive-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #790e0e;
+ background-image: image(#e41d1d);
+ box-shadow: none; }
+
+ button.destructive-action:active,
+ button.destructive-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #670c0c;
+ background-image: linear-gradient(to right, #700d0d, #5d0b0b);
+ box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); }
+
+ button.destructive-action:backdrop,
+ button.destructive-action.flat:backdrop {
+ color: #edd0d0;
+ border-color: #790e0e;
+ background-image: image(#a61414);
+ box-shadow: none; }
+
+ button.destructive-action:backdrop:active,
+ button.destructive-action:backdrop:checked,
+ button.destructive-action.flat:backdrop:active,
+ button.destructive-action.flat:backdrop:checked {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+
+ button.destructive-action:backdrop:disabled,
+ button.destructive-action.flat:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+
+ 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: #a96363;
+ border-color: #790e0e;
+ background-image: image(#7b0f0f);
+ box-shadow: none; }
+
+ 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(166, 20, 20, 0.8); }
+
+ button.destructive-action:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+
+ button.destructive-action:disabled:active,
+ button.destructive-action:disabled:checked {
+ color: #c69e9e;
+ border-color: #790e0e;
+ background-image: image(#720e0e);
+ box-shadow: none; }
+ .osd button.destructive-action {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 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(255, 255, 255, 0.3); }
+ .osd button.destructive-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 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(255, 255, 255, 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: black;
+ background-color: transparent;
+ background-image: image(#a61414);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd button.destructive-action:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 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;
+ /* 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: #1f1f1f;
+ background-image: image(#1f1f1f), linear-gradient(to top, black 25%, #1f1f1f 50%);
+ box-shadow: none;
+ 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: #1f1f1f;
+ background-image: image(#303030), linear-gradient(to top, black 25%, #1f1f1f 50%);
+ box-shadow: none;
+ 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(#ffedbb), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.96)), 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: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
+ color: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25); }
+ .inline-toolbar toolbutton > button:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(black);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#010101);
+ box-shadow: none; }
+
+.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: 6px;
+ border-bottom-left-radius: 6px;
+ -gtk-outline-top-left-radius: 6px;
+ -gtk-outline-bottom-left-radius: 6px; }
+
+.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: 6px;
+ border-bottom-right-radius: 6px;
+ -gtk-outline-top-right-radius: 6px;
+ -gtk-outline-bottom-right-radius: 6px; }
+
+.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: 6px;
+ -gtk-outline-radius: 6px; }
+
+.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: 6px;
+ border-top-right-radius: 6px;
+ -gtk-outline-top-left-radius: 6px;
+ -gtk-outline-top-right-radius: 6px; }
+
+.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: 6px;
+ border-bottom-right-radius: 6px;
+ -gtk-outline-bottom-left-radius: 6px;
+ -gtk-outline-bottom-right-radius: 6px; }
+
+.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: 6px;
+ -gtk-outline-radius: 6px; }
+
+.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; }
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 26px;
+ padding-left: 5px;
+ padding-right: 5px;
+ border-radius: 6px;
+ outline-offset: -2px; }
+ modelbutton.flat:hover,
+ .menuitem.button.flat:hover {
+ background-color: #181818; }
+
+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(31, 31, 31, 0.5); }
+ list row button.image-button:not(.flat):hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
+ color: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25); }
+
+/*********
+ * Links *
+ *********/
+button:link > label,
+button:visited > label, button:link,
+button:visited,
+*:link {
+ color: #fff3d4; }
+ button:link > label:visited,
+ button:visited > label:visited,
+ button:visited,
+ *:link:visited {
+ color: #ffe6a1; }
+ *:selected button:link > label:visited,
+ *:selected button:visited > label:visited,
+ *:selected button:visited, *:selected *:link:visited {
+ color: #665c40; }
+ button:link > label:hover,
+ button:visited > label:hover, button:hover:link,
+ button:hover:visited,
+ *:link:hover {
+ color: white; }
+ *:selected button:link > label:hover,
+ *:selected button:visited > label:hover, *:selected button:hover:link,
+ *:selected button:hover:visited, *:selected *:link:hover {
+ color: #1a1a1a; }
+ button:link > label:active,
+ button:visited > label:active, button:active:link,
+ button:active:visited,
+ *:link:active {
+ color: #fff3d4; }
+ *:selected button:link > label:active,
+ *:selected button:visited > label:active, *:selected button:active:link,
+ *:selected button:active:visited, *:selected *:link:active {
+ color: #33312a; }
+ button:link > label:disabled,
+ button:visited > label:disabled, button:disabled:link,
+ button:disabled:visited,
+ *:link:disabled,
+ *:link:disabled:backdrop {
+ color: rgba(234, 234, 234, 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(255, 243, 212, 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: #33312a; }
+
+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: #d6d6d4;
+ background-image: none;
+ border-style: none none none solid;
+ border-color: rgba(31, 31, 31, 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(125, 125, 124, 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: #717170;
+ background-color: transparent;
+ border-color: rgba(31, 31, 31, 0.3);
+ transition: 200ms ease-out; }
+ spinbutton:not(.vertical) button:backdrop:disabled {
+ color: rgba(51, 51, 51, 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 6px 6px 0; }
+ spinbutton:not(.vertical) button:dir(rtl):first-child {
+ border-radius: 6px 0 0 6px; }
+ .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: white;
+ border-style: none none none solid;
+ border-color: rgba(0, 0, 0, 0.7);
+ border-radius: 0;
+ box-shadow: none;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton:not(.vertical) button:dir(rtl) {
+ border-style: none solid none none; }
+ .osd spinbutton:not(.vertical) button:hover {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: white;
+ border-color: rgba(0, 0, 0, 0.5);
+ background-color: rgba(255, 255, 255, 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: white;
+ 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: #97999f;
+ 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 6px 6px 0; }
+ .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
+ border-radius: 6px 0 0 6px; }
+ spinbutton.vertical:disabled {
+ color: #7d7d7c; }
+ spinbutton.vertical:backdrop:disabled {
+ color: #333333; }
+ 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: 6px 6px 0 0;
+ border-style: solid solid none solid; }
+ spinbutton.vertical button.down {
+ border-radius: 0 0 6px 6px;
+ border-style: none solid solid solid; }
+ .osd spinbutton.vertical button:first-child {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3); }
+ .osd spinbutton.vertical button:first-child:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ 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(255, 255, 255, 0.3); }
+ .osd spinbutton.vertical button:first-child:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd spinbutton.vertical button:first-child:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd spinbutton.vertical button:first-child:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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-color: #0d0d0d; }
+
+toolbar {
+ padding: 4px 3px 3px 4px; }
+ .osd toolbar {
+ background-color: transparent; }
+ toolbar.osd {
+ padding: 13px;
+ border: none;
+ border-radius: 5px;
+ background-color: #303340; }
+ 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: 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: #1f1f1f;
+ background-color: #121212; }
+ .inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
+ .location-bar:backdrop {
+ border-color: #1f1f1f;
+ background-color: #131313;
+ box-shadow: none;
+ transition: 200ms ease-out; }
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar:not(headerbar),
+headerbar {
+ padding: 0 6px;
+ min-height: 40px;
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: black;
+ border-radius: 0;
+ background: black linear-gradient(to top, #0a0a0a, #0f0f0f);
+ 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: #1f1f1f;
+ background-color: #0d0d0d;
+ 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(black);
+ border-color: #171717;
+ border-top-color: #0a0a0a; }
+ .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: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+ .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar,
+ headerbar.selection-mode {
+ color: #000000;
+ border-color: #d49b00;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
+ background: #ffd86e linear-gradient(to top, #ffdd82, #ffe08d);
+ box-shadow: inset 0 1px rgba(254, 217, 114, 0.535); }
+ .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop,
+ headerbar.selection-mode:backdrop {
+ background-color: #ffd86e;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(254, 217, 117, 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: #000000; }
+ .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button,
+ headerbar.selection-mode button {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffd45f;
+ background-image: image(#ffd86e);
+ box-shadow: none; }
+ .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
+ headerbar.selection-mode button.flat {
+ border-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: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffca3b;
+ background-image: image(#ffebb5);
+ box-shadow: none; }
+ .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: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffc527;
+ background-image: linear-gradient(to right, #ffc831, #ffc21c);
+ box-shadow: 0 2px 4px rgba(255, 197, 39, 0.25); }
+ .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: #332b16;
+ border-color: #ffca3b;
+ background-image: image(#ffd86e);
+ box-shadow: none;
+ -gtk-icon-effect: none;
+ border-color: #d49b00; }
+ .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: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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: #8d783d;
+ border-color: #ffca3b;
+ background-image: image(#d9b85e);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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: #8b7332;
+ border-color: #ffca3b;
+ background-image: image(#d5b14d);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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: #6d5c2f;
+ border-color: #ffca3b;
+ background-image: image(#d9b85e);
+ box-shadow: none; }
+ .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: #54451c;
+ border-color: #ffca3b;
+ background-image: image(#d3ad45);
+ box-shadow: none; }
+ .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: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25);
+ border-color: #d49b00; }
+ .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: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none;
+ border-color: #d49b00; }
+ .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(255, 216, 110, 0);
+ background-color: rgba(255, 216, 110, 0);
+ background-image: none;
+ box-shadow: none;
+ min-height: 20px;
+ padding: 4px 10px; }
+ .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow,
+ headerbar.selection-mode .selection-menu:backdrop arrow,
+ headerbar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1; }
+ .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow,
+ headerbar.selection-mode .selection-menu:backdrop .arrow,
+ headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: rgba(0, 0, 0, 0.5);
+ -gtk-icon-shadow: none; }
+ .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar {
+ border-radius: 0; }
+ .default-decoration.titlebar:not(headerbar),
+ headerbar.default-decoration {
+ min-height: 28px;
+ padding: 4px; }
+ .default-decoration.titlebar:not(headerbar) button.titlebutton,
+ headerbar.default-decoration button.titlebutton {
+ min-height: 26px;
+ min-width: 26px;
+ 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: 5px;
+ margin-bottom: 5px; }
+
+headerbar switch {
+ margin-top: 7px;
+ margin-bottom: 7px; }
+
+headerbar.titlebar headerbar:not(.titlebar) {
+ background: none;
+ box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar {
+ border-top-left-radius: 9px;
+ border-top-right-radius: 9px; }
+
+.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-color: #1f1f1f; }
+
+window.devel headerbar.titlebar:not(.selection-mode) {
+ background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 216, 110, 0.1)), linear-gradient(to top, #080808 3px, #0d0d0d); }
+ window.devel headerbar.titlebar:not(.selection-mode):backdrop {
+ background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#0d0d0d);
+ /* background-color would flash */ }
+
+/************
+ * 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: #777776;
+ border-top-color: #0d0d0d; }
+ * {
+ -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: #806c37;
+ border-top-color: rgba(238, 238, 236, 0.1); }
+ treeview.view:disabled {
+ color: #7d7d7c; }
+ treeview.view:disabled:selected {
+ color: #998242; }
+ treeview.view:disabled:selected:backdrop {
+ color: #f0d58b; }
+ treeview.view:disabled:backdrop {
+ color: #333333; }
+ treeview.view.separator {
+ min-height: 2px;
+ color: #0d0d0d; }
+ treeview.view.separator:backdrop {
+ color: rgba(13, 13, 13, 0.1); }
+ treeview.view:backdrop {
+ border-left-color: #454544;
+ border-top: #0d0d0d; }
+ treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: #d49b00; }
+ 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: #b3b3b3; }
+ 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: #4d4121; }
+ treeview.view.expander:selected:hover {
+ color: #000000; }
+ treeview.view.expander:selected:backdrop {
+ color: #dcd0b1; }
+ treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ treeview.view.expander:backdrop {
+ color: #585858; }
+ treeview.view.progressbar {
+ background-color: #ffd86e;
+ background-image: image(#ffd86e);
+ 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(black); }
+ treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: #030303; }
+ treeview.view.progressbar:backdrop {
+ border-color: #030303;
+ 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: #ffca3b; }
+ treeview.view header button {
+ color: #777776;
+ background-color: black;
+ font-weight: bold;
+ text-shadow: none;
+ box-shadow: none; }
+ treeview.view header button:hover {
+ color: #b3b3b1;
+ 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: black;
+ background-image: none;
+ background-color: #ffd86e;
+ border-style: none;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 1px black;
+ text-shadow: none;
+ transition: none; }
+ treeview.view acceleditor > label {
+ background-color: #ffd86e; }
+
+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: #30302f;
+ border-radius: 0;
+ text-shadow: none; }
+ treeview.view header button:disabled {
+ border-color: #0d0d0d;
+ background-image: none; }
+ treeview.view header button:backdrop {
+ color: #454544;
+ border-color: #0d0d0d;
+ border-style: none solid solid none;
+ background-image: none;
+ background-color: #030303; }
+ treeview.view header button:backdrop:disabled {
+ border-color: #0d0d0d;
+ 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); }
+ menubar:backdrop,
+ .menubar:backdrop {
+ background-color: #0d0d0d; }
+ menubar > menuitem,
+ .menubar > menuitem {
+ min-height: 16px;
+ padding: 4px 8px; }
+ menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr),
+ .menubar > menuitem menu:dir(rtl),
+ .menubar > menuitem menu:dir(ltr) {
+ border-radius: 0;
+ padding: 0; }
+ menubar > menuitem:hover,
+ .menubar > menuitem:hover {
+ box-shadow: inset 0 -3px #ffd86e;
+ color: #fff3d4; }
+ menubar > menuitem:disabled,
+ .menubar > menuitem:disabled {
+ color: #7d7d7c;
+ 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: #0f0f0f;
+ border: 1px solid #1f1f1f; }
+ .csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ border-radius: 5px; }
+ menu:backdrop,
+ .menu:backdrop,
+ .context-menu:backdrop {
+ background-color: #050505; }
+ menu menuitem,
+ .menu menuitem,
+ .context-menu menuitem {
+ min-height: 16px;
+ min-width: 40px;
+ padding: 4px 6px;
+ text-shadow: none; }
+ menu menuitem:hover,
+ .menu menuitem:hover,
+ .context-menu menuitem:hover {
+ color: #000000;
+ background-color: #ffd86e; }
+ menu menuitem:disabled,
+ .menu menuitem:disabled,
+ .context-menu menuitem:disabled {
+ color: #7d7d7c; }
+ menu menuitem:disabled:backdrop,
+ .menu menuitem:disabled:backdrop,
+ .context-menu menuitem:disabled:backdrop {
+ color: #333333; }
+ menu menuitem:backdrop, menu menuitem:backdrop:hover,
+ .menu menuitem:backdrop,
+ .menu menuitem:backdrop:hover,
+ .context-menu menuitem:backdrop,
+ .context-menu menuitem:backdrop:hover {
+ color: #7d7d7c;
+ 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: #0f0f0f;
+ border-radius: 0; }
+ menu > arrow.top,
+ .menu > arrow.top,
+ .context-menu > arrow.top {
+ margin-top: -4px;
+ border-bottom: 1px solid #181818;
+ 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 #181818;
+ 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: #181818; }
+ menu > arrow:backdrop,
+ .menu > arrow:backdrop,
+ .context-menu > arrow:backdrop {
+ background-color: #050505; }
+ 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: #0f0f0f;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+ .csd popover.background, popover.background {
+ border: 1px solid #1f1f1f;
+ border-radius: 10px; }
+ .csd popover.background {
+ background-clip: padding-box;
+ border-color: rgba(0, 0, 0, 0.75); }
+ popover.background:backdrop {
+ background-color: #0d0d0d;
+ 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-color: #1f1f1f;
+ border-width: 1px;
+ background-color: #131313; }
+ notebook > header:backdrop {
+ border-color: #1f1f1f;
+ background-color: #131313; }
+ 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 #1f1f1f; }
+ notebook > header.top > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.top > tabs > tab:checked {
+ box-shadow: inset 0 -4px #ffd86e; }
+ 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 #1f1f1f; }
+ notebook > header.bottom > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.bottom > tabs > tab:checked {
+ box-shadow: inset 0 4px #ffd86e; }
+ 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 #1f1f1f; }
+ notebook > header.left > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.left > tabs > tab:checked {
+ box-shadow: inset -4px 0 #ffd86e; }
+ 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 #1f1f1f; }
+ notebook > header.right > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.right > tabs > tab:checked {
+ box-shadow: inset 4px 0 #ffd86e; }
+ 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-width: 1px;
+ border-color: transparent; }
+ notebook > header tab:hover {
+ color: #eeeeec;
+ background-color: #030303; }
+ notebook > header tab:hover.reorderable-page {
+ border-color: rgba(31, 31, 31, 0.3);
+ background-color: rgba(13, 13, 13, 0.2); }
+ notebook > header tab:backdrop {
+ color: #505050; }
+ 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(31, 31, 31, 0.5);
+ background-color: rgba(13, 13, 13, 0.5); }
+ notebook > header tab:checked.reorderable-page:hover {
+ background-color: rgba(13, 13, 13, 0.7); }
+ notebook > header tab:backdrop:checked {
+ color: #7d7d7c; }
+ notebook > header tab:backdrop:checked.reorderable-page {
+ border-color: #1f1f1f;
+ background-color: #0d0d0d; }
+ 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: black; }
+ notebook > stack:not(:only-child):backdrop {
+ background-color: #030303; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ background-color: black;
+ 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 #1f1f1f; }
+ scrollbar.bottom {
+ border-top: 1px solid #1f1f1f; }
+ scrollbar.left {
+ border-right: 1px solid #1f1f1f; }
+ scrollbar.right {
+ border-left: 1px solid #1f1f1f; }
+ scrollbar:backdrop {
+ background-color: #050505;
+ border-color: #1f1f1f;
+ 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: #949493;
+ transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scrollbar slider:hover {
+ background-color: #c1c1bf; }
+ scrollbar slider:hover:active {
+ background-color: #ffd86e; }
+ scrollbar slider:backdrop {
+ background-color: #3a3a39; }
+ 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: #949493; }
+ 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: #c1c1bf; }
+ 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: #ffd86e; }
+ 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(148, 148, 147, 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: #3a3a39; }
+ 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(58, 58, 57, 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 #1f1f1f;
+ margin-top: -1px; }
+
+/**********
+ * Switch *
+ **********/
+switch {
+ outline-offset: -4px;
+ border: 1px solid #1f1f1f;
+ border-radius: 14px;
+ color: #eeeeec;
+ background-color: #131313;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+ /* only show i / o for the accessible theme */ }
+ switch:checked {
+ color: #000000;
+ border-color: #a17600;
+ background-color: #ffd86e;
+ text-shadow: 0 1px rgba(212, 155, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
+ switch:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-color: #080808;
+ text-shadow: none; }
+ switch:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-color: #131313;
+ text-shadow: none;
+ transition: 200ms ease-out; }
+ switch:backdrop:checked {
+ border-color: #d49b00;
+ background-color: #ffd86e; }
+ switch:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-color: #080808; }
+ 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: black;
+ background-image: image(#2e2e2e);
+ box-shadow: none; }
+ switch image {
+ color: transparent; }
+ switch:hover slider {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: image(#050505);
+ box-shadow: none; }
+ switch:checked > slider {
+ border: 1px solid #a17600; }
+ switch:disabled slider {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ switch:backdrop slider {
+ transition: 200ms ease-out;
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ switch:backdrop:checked > slider {
+ border-color: #a17600; }
+ switch:backdrop:disabled slider {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+
+/*************************
+ * 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: #ffd86e;
+ 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: #ffd86e;
+ 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: #ffd86e;
+ 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: #b7b7b7;
+ 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: white;
+ background-color: #ffd86e;
+ 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: white;
+ background-color: #ffd86e;
+ 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: white;
+ background-color: #ffd86e;
+ 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(255, 255, 255, 0.8);
+ background-color: #b7b7b7;
+ 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, #1a1a1a 20%, #0d0d0d 90%);
+ border-color: black;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #eeeeec; }
+ check:hover,
+ radio:hover {
+ background-image: linear-gradient(to bottom, #242424 10%, #171717 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(#0d0d0d);
+ 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, #ffdf88 20%, #ffd86e 90%);
+ border-color: #ffd86e;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #000000; }
+ check:checked:hover,
+ radio:checked:hover {
+ background-image: linear-gradient(to bottom, #ffe49c 10%, #ffdd82 90%); }
+ 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(0, 0, 0, 0.7); }
+ check:checked:backdrop,
+ radio:checked:backdrop {
+ background-image: image(#ffd86e);
+ box-shadow: none;
+ color: #000000; }
+ check:checked:backdrop:disabled,
+ radio:checked:backdrop:disabled {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.7); }
+ check:indeterminate,
+ radio:indeterminate {
+ background-clip: border-box;
+ background-image: linear-gradient(to bottom, #ffdf88 20%, #ffd86e 90%);
+ border-color: #ffd86e;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #000000; }
+ check:indeterminate:hover,
+ radio:indeterminate:hover {
+ background-image: linear-gradient(to bottom, #ffe49c 10%, #ffdd82 90%); }
+ 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(0, 0, 0, 0.7); }
+ check:indeterminate:backdrop,
+ radio:indeterminate:backdrop {
+ background-image: image(#ffd86e);
+ box-shadow: none;
+ color: #000000; }
+ check:indeterminate:backdrop:disabled,
+ radio:indeterminate:backdrop:disabled {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.7); }
+ check:backdrop,
+ radio:backdrop {
+ transition: 200ms ease-out; }
+ .osd check, .osd radio {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3); }
+ .osd check:hover, .osd radio:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3); }
+ .osd check:active, .osd radio:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd check:backdrop, .osd radio:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd check:disabled, .osd radio:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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: #000000; }
+
+/************
+ * GtkScale *
+ ************/
+progressbar trough, scale fill, scale trough {
+ border: 1px solid #1f1f1f;
+ border-radius: 3px;
+ background-color: #131313; }
+ progressbar trough:disabled, scale fill:disabled, scale trough:disabled {
+ background-color: #080808; }
+ progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop {
+ background-color: #131313;
+ border-color: #1f1f1f;
+ transition: 200ms ease-out; }
+ progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
+ background-color: #080808; }
+ 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: #d49b00; }
+ .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough {
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .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(68, 72, 83, 0.5); }
+
+progressbar progress, scale highlight {
+ border: 1px solid #d49b00;
+ border-radius: 3px;
+ background-color: #ffd86e; }
+ progressbar progress:disabled, scale highlight:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ progressbar progress:backdrop, scale highlight:backdrop {
+ border-color: #d49b00; }
+ 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: #d49b00; }
+ .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight {
+ border-color: black; }
+ .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: #1f1f1f; }
+ scale fill:disabled:backdrop, scale fill:disabled {
+ border-color: transparent;
+ background-color: transparent; }
+ .osd scale fill {
+ background-color: #404040; }
+ .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: black;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ 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: #ffd86e;
+ background-image: image(black);
+ box-shadow: none; }
+ scale slider:active {
+ border-color: #d49b00; }
+ scale slider:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ scale slider:backdrop {
+ transition: 200ms ease-out;
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ scale slider:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ row:selected scale slider:disabled, row:selected scale slider {
+ border-color: #d49b00; }
+ .osd scale slider {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3);
+ border-color: black;
+ background-color: #303340; }
+ .osd scale slider:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ 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(255, 255, 255, 0.3);
+ background-color: #303340; }
+ .osd scale slider:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3);
+ background-color: #303340; }
+ .osd scale slider:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ background-color: #303340; }
+ .osd scale slider:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ background-color: #303340; }
+ .osd scale slider:backdrop:disabled {
+ background-color: #303340; }
+ 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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-hover-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-active-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-hover-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-active-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-hover-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-active-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-hover-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-active-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-darkest@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-darkest.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@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(#1f1f1f);
+ 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: #1f1f1f;
+ background-color: black;
+ box-shadow: inset 0 0 0 1px rgba(255, 216, 110, 0); }
+ levelbar trough:backdrop {
+ color: #cdcdcd;
+ border-color: #1f1f1f;
+ background-color: #030303;
+ box-shadow: none; }
+
+levelbar block {
+ border: 1px solid;
+ border-radius: 1px; }
+ levelbar block.low {
+ border-color: #fd7d00;
+ background-color: #fd7d00; }
+ levelbar block.low:backdrop {
+ border-color: #fd7d00; }
+ levelbar block.high, levelbar block:not(.empty) {
+ border-color: #ffd86e;
+ background-color: #ffd86e; }
+ levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
+ border-color: #ffd86e; }
+ levelbar block.full {
+ border-color: #308e63;
+ background-color: #308e63; }
+ levelbar block.full:backdrop {
+ border-color: #308e63; }
+ levelbar block.empty {
+ background-color: transparent;
+ border-color: rgba(238, 238, 236, 0.1); }
+ levelbar block.empty:backdrop {
+ border-color: rgba(125, 125, 124, 0.15); }
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ color: #eeeeec;
+ border: 1px solid #1f1f1f;
+ background: white;
+ padding: 0; }
+ printdialog paper:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f; }
+
+printdialog .dialog-action-box {
+ margin: 12px; }
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+ border: 1px solid #1f1f1f; }
+ frame > border.flat,
+ .frame.flat {
+ border-style: none; }
+ frame > border:backdrop,
+ .frame:backdrop {
+ border-color: #1f1f1f; }
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid #1f1f1f; }
+ actionbar > revealer > box:backdrop {
+ border-color: #1f1f1f; }
+
+scrolledwindow viewport.frame {
+ border-style: none; }
+
+scrolledwindow overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#050505), to(rgba(5, 5, 5, 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(#1f1f1f), to(rgba(31, 31, 31, 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(#050505), to(rgba(5, 5, 5, 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(#1f1f1f), to(rgba(31, 31, 31, 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(#050505), to(rgba(5, 5, 5, 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(#1f1f1f), to(rgba(31, 31, 31, 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(#050505), to(rgba(5, 5, 5, 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(#1f1f1f), to(rgba(31, 31, 31, 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, #1f1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch;
+ background-color: black; }
+ scrolledwindow junction:dir(rtl) {
+ border-image-slice: 0 1 0 0; }
+ scrolledwindow junction:backdrop {
+ border-image-source: linear-gradient(to bottom, #1f1f1f 1px, transparent 1px);
+ background-color: #050505;
+ transition: 200ms ease-out; }
+
+separator {
+ background: rgba(0, 0, 0, 0.1);
+ min-width: 1px;
+ min-height: 1px; }
+
+/*********
+ * Lists *
+ *********/
+list {
+ color: white;
+ background-color: black;
+ border-color: #1f1f1f; }
+ list:backdrop {
+ color: #cdcdcd;
+ background-color: #030303;
+ border-color: #1f1f1f; }
+ 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: #fdda7b; }
+ row.activatable:selected:backdrop {
+ background-color: #ffd86e; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification,
+.app-notification.frame {
+ padding: 10px;
+ border-radius: 0 0 5px 5px;
+ background-color: #303340;
+ 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: #7d7d7c; }
+ expander title > arrow:disabled:backdrop {
+ color: #333333; }
+ expander title > arrow:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************
+ * Calendar *
+ ***********/
+calendar {
+ color: white;
+ border: 1px solid #1f1f1f; }
+ 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(125, 125, 124, 0.45); }
+ calendar.button:disabled {
+ color: rgba(125, 125, 124, 0.45); }
+ calendar.highlight {
+ color: #7d7d7c; }
+ calendar.highlight:backdrop {
+ color: #333333; }
+ calendar:backdrop {
+ color: #cdcdcd;
+ border-color: #1f1f1f; }
+ calendar:indeterminate {
+ color: alpha(currentColor,0.1); }
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog .titlebar {
+ min-height: 20px;
+ background-image: none;
+ background-color: #0d0d0d;
+ border-style: none;
+ border-top-left-radius: 7px;
+ border-top-right-radius: 7px; }
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 10px;
+ border-bottom-right-radius: 10px; }
+
+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: 8px;
+ -gtk-outline-bottom-left-radius: 8px; }
+ messagedialog.csd .dialog-action-area button:last-child {
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 8px; }
+
+filechooser .dialog-action-box {
+ border-top: 1px solid #1f1f1f; }
+ filechooser .dialog-action-box:backdrop {
+ border-top-color: #1f1f1f; }
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid #0d0d0d; }
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #060606; }
+ 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 #1f1f1f;
+ 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 #1f1f1f;
+ border-right-style: none; }
+ .sidebar:backdrop {
+ background-color: #080808;
+ border-color: #1f1f1f;
+ 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: #1f1f1f; }
+ separator.sidebar:backdrop {
+ background-color: #1f1f1f; }
+ separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: #ffbd08; }
+
+/****************
+ * 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: #000000; }
+ placessidebar row:disabled {
+ color: #7d7d7c; }
+ placessidebar row:backdrop {
+ color: #7d7d7c; }
+ placessidebar row:backdrop:selected {
+ color: #cdcdcd; }
+ placessidebar row:backdrop:disabled {
+ color: #333333; }
+ 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(#19a187);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #ffd86e; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #19a187;
+ box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #000000;
+ background-color: #19a187; }
+
+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(#1f1f1f);
+ background-size: 1px 1px; }
+ paned > separator:selected {
+ background-image: image(#ffd86e); }
+ paned > separator:backdrop {
+ background-image: image(#1f1f1f); }
+ paned > separator.wide {
+ min-width: 5px;
+ min-height: 5px;
+ background-color: #0d0d0d;
+ background-image: image(#1f1f1f), image(#1f1f1f);
+ background-size: 1px 1px, 1px 1px; }
+ paned > separator.wide:backdrop {
+ background-color: #0d0d0d;
+ background-image: image(#1f1f1f), image(#1f1f1f); }
+
+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: black;
+ border-bottom: 1px solid #2b2b2b; }
+ 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: black;
+ border-bottom: 1px solid #2b2b2b; }
+ 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: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ 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: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ 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: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25); }
+ infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ border-color: black; }
+ infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none;
+ border-color: black; }
+ 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: black; }
+ infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link {
+ color: #fff3d4; }
+
+/************
+ * 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: #1f1f1f; }
+ 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: #1f1f1f; }
+ colorswatch.light overlay:backdrop {
+ color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) {
+ box-shadow: none; }
+ colorswatch:drop(active).light overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; }
+ colorswatch:drop(active).dark overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; }
+
+colorswatch overlay {
+ border: 1px solid #1f1f1f; }
+ 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: #1f1f1f;
+ 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: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ colorswatch#add-color-button overlay:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ colorswatch#add-color-button overlay:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+
+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 #000000; }
+
+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: black; }
+ .content-view:hover {
+ -gtk-icon-effect: highlight; }
+ .content-view:backdrop {
+ background-color: black; }
+
+.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: 9px 9px 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: 9px;
+ 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: #1f1f1f;
+ border: solid 1px #1f1f1f;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 3px rgba(13, 13, 13, 0.8), inset 0 1px rgba(238, 238, 236, 0.07); }
+ .solid-csd decoration:backdrop {
+ box-shadow: inset 0 0 0 3px #0d0d0d, inset 0 1px rgba(238, 238, 236, 0.07); }
+
+button.titlebutton {
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.96);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.96); }
+ button.titlebutton:not(.appmenu) {
+ border-radius: 9999px;
+ padding: 5px;
+ margin: 0 2px;
+ 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.427451);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.427451); }
+ .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: #ffd86e; }
+ 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: #000000; }
+ 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: #806c37; }
+ 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: #cdcdcd; }
+ 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: #f0d58b; }
+
+.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-darkest.png"), url("assets/text-select-start-darkest@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-darkest.png"), url("assets/text-select-end-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-darkest@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-darkest.png"), url("assets/text-select-start-hover-darkest@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-darkest.png"), url("assets/text-select-end-hover-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-hover-darkest@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-darkest.png"), url("assets/text-select-start-active-darkest@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-darkest.png"), url("assets/text-select-end-active-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-active-darkest@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: black;
+ border: 1px solid;
+ border-color: #1f1f1f;
+ border-radius: 5px;
+ box-shadow: inset 0 -3px #121212;
+ font-size: smaller; }
+ .keycap:backdrop {
+ background-color: #030303;
+ color: #7d7d7c;
+ transition: 200ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus,
+:not(decoration):not(window):drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187;
+ caret-color: #19a187; }
+
+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: #ffd86e; }
+ 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: #ffd86e;
+ 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: #181818; }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+row label.subtitle {
+ font-size: smaller;
+ opacity: 0.55;
+ text-shadow: none; }
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 50px; }
+ row > box.header > box.title {
+ margin-top: 8px;
+ margin-bottom: 8px; }
+
+row.expander {
+ background-color: transparent; }
+ row.expander list.nested > row {
+ background-color: alpha(#0d0d0d, 0.5);
+ border-color: alpha(#1f1f1f, 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:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn); }
+ row.expander:not(:checked) image.expander-row-arrow {
+ opacity: 0.55;
+ text-shadow: none; }
+ 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: #ffd86e; }
+ row.expander image.expander-row-arrow:disabled {
+ color: #7d7d7c; }
+
+flap > dimming,
+deck > dimming,
+leaflet > dimming {
+ background: rgba(0, 0, 0, 0.24); }
+
+flap > border,
+deck > border,
+leaflet > border {
+ min-width: 1px;
+ min-height: 1px;
+ background: #1f1f1f; }
+
+flap > shadow,
+deck > shadow,
+leaflet > shadow {
+ min-width: 56px;
+ min-height: 56px; }
+ flap > shadow.left,
+ deck > 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,
+ deck > 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,
+ deck > 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,
+ deck > 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,
+deck > outline,
+leaflet > outline {
+ min-width: 1px;
+ min-height: 1px;
+ background: transparent; }
+
+avatar {
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px;
+ font-weight: bold; }
+ avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ 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; }
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px; }
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px; }
+ statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px; }
+
+window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp,
+preferencespage > scrolledwindow > viewport > clamp {
+ margin: 0 12px;
+ transition: margin-bottom 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp > list,
+ preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup {
+ transition: margin-top 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small,
+ preferencespage > scrolledwindow > viewport > clamp.small {
+ margin-bottom: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.small > list,
+ preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup {
+ margin-top: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium,
+ preferencespage > scrolledwindow > viewport > clamp.medium {
+ margin-bottom: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.medium > list,
+ preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup {
+ margin-top: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large,
+ preferencespage > scrolledwindow > viewport > clamp.large {
+ margin-bottom: 30px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.large > list,
+ preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup {
+ margin-top: 30px; }
+
+preferencesgroup > box > label:not(:first-child) {
+ margin-top: 6px; }
+
+preferencesgroup > box > box:not(:first-child) {
+ margin-top: 12px; }
+
+tabbar .tab-indicator:not(.clickable) {
+ background: none;
+ box-shadow: none;
+ border-color: transparent; }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+popover.combo list {
+ min-width: 200px; }
+
+window.csd.unified:not(.solid-csd) headerbar {
+ border-radius: 0; }
+
+.windowhandle, .windowhandle * {
+ -GtkWidget-window-dragging: true; }
+
+popover.combo {
+ padding: 0px; }
+ popover.combo list {
+ border-style: none;
+ background-color: transparent; }
+ popover.combo list > row {
+ padding: 0px 12px 0px 12px;
+ min-height: 50px; }
+ popover.combo list > row:not(:last-child) {
+ border-bottom: 1px solid alpha(#1f1f1f, 0.5); }
+ popover.combo list > row:first-child {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo list > 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; }
+ popover.combo overshoot.top {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo overshoot.bottom {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+ popover.combo scrollbar.vertical:dir(ltr) {
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical:dir(rtl) {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px; }
+
+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; }
+
+keypad .digit {
+ font-size: 200%;
+ font-weight: bold; }
+
+keypad .letters {
+ font-size: 70%; }
+
+keypad .symbol {
+ font-size: 160%; }
+
+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:not(:checked):not(:hover) {
+ background: transparent; }
+ viewswitcher button:not(:only-child):not(:last-child) {
+ border-right-width: 0px; }
+ viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) {
+ border-left-color: transparent; }
+ viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) {
+ border-right-color: transparent; }
+ viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: image(lighter(#0d0d0d)); }
+ viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: shade(#1f1f1f, 1.15); }
+ viewswitcher button:not(only-child):last-child:not(:checked):hover {
+ border-right-color: shade(#1f1f1f, 1.15); }
+ viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#0d0d0d); }
+ headerbar viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: linear-gradient(to top, shade(alpha(#0d0d0d, 0.7), 0.99) 2px, alpha(#0d0d0d, 0.7)); }
+ headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: #1f1f1f; }
+ headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover {
+ border-right-color: #1f1f1f; }
+ headerbar viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#0d0d0d); }
+ viewswitcher button > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px; }
+ viewswitcher button > stack > box.narrow image,
+ viewswitcher button > stack > box.narrow label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ viewswitcher button > stack > box.wide {
+ padding: 8px 12px; }
+ viewswitcher button > stack > box.wide label:dir(ltr) {
+ padding-right: 7px; }
+ viewswitcher button > stack > box.wide label:dir(rtl) {
+ padding-left: 7px; }
+ 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(#3584e4), 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:backdrop {
+ background-size: 6px 6px, 0 0; }
+ viewswitcher button.needs-attention > stack > box label:dir(rtl) {
+ background-position: left 0px, left 1px; }
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0; }
+
+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: mix(#0d0d0d, black, 0.5); }
+
+list.content list.nested > row:not(:active):hover.activatable:not(:selected) {
+ background-color: mix(#eeeeec, black, 0.95); }
+
+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: black; }
+
+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: mix(#eeeeec, black, 0.95); }
+
+list.content > row,
+list.content > row list > row {
+ border-color: alpha(#1f1f1f, 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; }
+
+button.list-button:not(:active):not(:checked):not(:hover) {
+ background: none;
+ border: 1px solid alpha(#1f1f1f, 0.5);
+ box-shadow: none; }
+
+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; }
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ color: rgba(238, 238, 236, 0.5); }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop {
+ color: rgba(125, 125, 124, 0.5); }
+
+tabbar .box {
+ min-height: 38px;
+ background: black;
+ border-bottom: 1px solid black; }
+ tabbar .box:backdrop {
+ background-color: black;
+ border-color: #1f1f1f; }
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid black; }
+
+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:backdrop undershoot {
+ border-color: #1f1f1f; }
+
+tabbar scrolledwindow.pinned tabbox:dir(ltr) {
+ padding-right: 1px;
+ box-shadow: inset -1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop {
+ box-shadow: inset -1px 0 #1f1f1f; }
+
+tabbar scrolledwindow.pinned tabbox:dir(rtl) {
+ padding-left: 1px;
+ box-shadow: inset 1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop {
+ box-shadow: inset 1px 0 #1f1f1f; }
+
+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(255, 216, 110, 0.7), rgba(255, 216, 110, 0.5) 1px, rgba(255, 216, 110, 0) 20px); }
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, rgba(255, 216, 110, 0.7), rgba(255, 216, 110, 0.5) 1px, rgba(255, 216, 110, 0) 20px); }
+
+tabbar tab {
+ border-style: solid;
+ border-color: black;
+ border-width: 0 1px 0 1px;
+ transition: background 150ms ease-in-out;
+ background-color: black; }
+ tabbar tab:checked {
+ background-color: #0f0f0f; }
+ tabbar tab:checked:hover {
+ background-color: #171717; }
+ tabbar tab:hover {
+ background-color: #080808; }
+ tabbar tab:backdrop {
+ border-color: #1f1f1f;
+ background-color: black; }
+ tabbar tab:backdrop:checked {
+ background-color: #0d0d0d; }
+
+tabbar .start-action,
+tabbar .end-action {
+ background: black;
+ border-color: black;
+ border-style: solid;
+ transition: background 150ms ease-in-out; }
+ tabbar .start-action:backdrop,
+ tabbar .end-action:backdrop {
+ border-color: #1f1f1f;
+ background-color: black; }
+ 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: 26px;
+ background-color: #171717;
+ box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.9), inset 0 1px rgba(238, 238, 236, 0.07);
+ margin: 25px; }
+
+tabbar tab,
+.tab-drag-icon tab {
+ padding: 6px; }
+ tabbar tab.needs-attention,
+ .tab-drag-icon tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(255, 216, 110, 0.2) 15%, rgba(255, 216, 110, 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: 24px;
+ min-height: 24px;
+ 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: alpha(#eeeeec, 0.15); }
+ 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: alpha(black, 0.2); }
+
+* {
+ outline-style: solid;
+ outline-offset: -4px;
+ outline-width: 2px;
+ -gtk-outline-radius: 3px;
+ outline-color: alpha(currentColor,0.07); }
+ * button, * button:hover, * button:active, * button:checked, * button:focus {
+ outline-color: alpha(currentColor,0.07); }
+
+/***************
+ * Base States *
+ ***************/
+.background, .background:backdrop {
+ background: rgba(13, 13, 13, 0.999); }
+
+/**********
+ * Button *
+ **********/
+button.flat {
+ border-color: transparent;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ button.flat:hover, button.flat:active {
+ background: image(#131313);
+ box-shadow: none;
+ transition: none; }
+ button.flat:link, 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; }
+
+button.suggested-action {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffd45f;
+ background-image: image(#ffd86e);
+ box-shadow: none; }
+ button.suggested-action:hover {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffca3b;
+ background-image: image(#ffebb5);
+ box-shadow: none; }
+ button.suggested-action:active, button.suggested-action:checked {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffc527;
+ background-image: linear-gradient(to right, #ffc831, #ffc21c);
+ box-shadow: 0 2px 4px rgba(255, 197, 39, 0.25); }
+ button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
+ color: #332b16;
+ border-color: #ffca3b;
+ background-image: image(#ffd86e);
+ box-shadow: none; }
+ button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+ 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: #8b7332;
+ border-color: #ffca3b;
+ background-image: image(#d5b14d);
+ box-shadow: none; }
+ button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
+ color: #54451c;
+ border-color: #ffca3b;
+ background-image: image(#d3ad45);
+ box-shadow: none; }
+
+button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #991212;
+ background-image: image(#a61414);
+ box-shadow: none; }
+ button.destructive-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #790e0e;
+ background-image: image(#e41d1d);
+ box-shadow: none; }
+ button.destructive-action:active, button.destructive-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #670c0c;
+ background-image: linear-gradient(to right, #700d0d, #5d0b0b);
+ box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); }
+ button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
+ color: #edd0d0;
+ border-color: #790e0e;
+ background-image: image(#a61414);
+ box-shadow: none; }
+ button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+ 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: #a96363;
+ border-color: #790e0e;
+ background-image: image(#7b0f0f);
+ box-shadow: none; }
+ button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
+ color: #c69e9e;
+ border-color: #790e0e;
+ background-image: image(#720e0e);
+ box-shadow: none; }
+
+/**********
+ * Entry *
+ **********/
+spinbutton:not(.vertical),
+entry {
+ background-color: #131313; }
+
+headerbar spinbutton:not(.vertical),
+headerbar entry {
+ background: black; }
+
+/**********
+ * Switch *
+ **********/
+switch:checked {
+ border-color: rgba(0, 0, 0, 0.2);
+ border-right-width: 0;
+ margin-right: 1px; }
+
+switch:backdrop, switch:disabled {
+ box-shadow: none;
+ border-color: #1f1f1f; }
+
+switch slider:checked {
+ border-color: #1f1f1f; }
+ switch slider:checked:backdrop:not(:disabled) {
+ border-color: #1f1f1f; }
+
+switch slider:disabled {
+ border-color: #1f1f1f; }
+
+/*************************
+ * Check and Radio items *
+ *************************/
+check, menu menuitem check, menu menuitem:hover check,
+radio, menu menuitem radio, menu menuitem:hover radio {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ check:hover, menu menuitem check:hover, menu menuitem:hover check:hover,
+ radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate,
+ radio:disabled,
+ radio:disabled:checked,
+ radio:disabled:indeterminate,
+ radio:disabled:backdrop,
+ radio:disabled:backdrop:checked,
+ radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate {
+ border-color: #1f1f1f;
+ background-image: image(#0d0d0d);
+ color: #eeeeec; }
+
+check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
+radio:checked,
+radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate {
+ background-image: image(#ffd86e);
+ border-color: #ffd86e;
+ color: #000000; }
+ check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active,
+ radio:checked:active,
+ radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active {
+ box-shadow: none; }
+ check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
+ radio:checked:backdrop,
+ radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
+ background-image: image(#ffd86e);
+ color: #000000; }
+
+switch slider,
+scale slider {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: black;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ switch slider:active, switch slider:hover,
+ scale slider:active,
+ scale slider:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: image(black);
+ box-shadow: none; }
+
+/************
+ * GtkScale *
+ ************/
+scale trough, scale fill, progressbar trough {
+ border: 2px solid #1f1f1f;
+ border-radius: 6px;
+ background-color: #1f1f1f; }
+ scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
+ background-color: #1f1f1f;
+ border-color: #1f1f1f; }
+ scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop {
+ background-color: #1f1f1f;
+ border-color: #1f1f1f;
+ transition: 200ms ease-out; }
+ scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
+ background-color: #1f1f1f;
+ border-color: #1f1f1f; }
+ row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
+ border-color: #d49b00; }
+ .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
+ background-color: rgba(68, 72, 83, 0.5); }
+
+scale highlight, progressbar progress {
+ border: 2px solid #ffd86e;
+ border-radius: 6px;
+ background-color: #ffd86e; }
+ scale highlight:disabled, progressbar progress:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ scale highlight:backdrop, progressbar progress:backdrop {
+ border-color: #ffd86e; }
+ scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress {
+ border-color: #d49b00; }
+ .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
+ border-color: #ffd86e; }
+ .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
+ border-color: transparent; }
+
+/***************
+ * Header bars *
+ ***************/
+headerbar {
+ border: none;
+ background: rgba(13, 13, 13, 0.8);
+ box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
+ color: white; }
+ headerbar, headerbar:backdrop {
+ box-shadow: none;
+ background: rgba(13, 13, 13, 0.8); }
+
+.titlebar:not(headerbar) .title,
+headerbar .title {
+ font-weight: normal; }
+
+.titlebar:not(headerbar) button,
+.titlebar:not(headerbar) entry,
+headerbar button,
+headerbar entry {
+ border: none;
+ background: image(#1f1f1f); }
+ .titlebar:not(headerbar) button:disabled,
+ .titlebar:not(headerbar) entry:disabled,
+ headerbar button:disabled,
+ headerbar entry:disabled {
+ background: image(#030303); }
+
+.titlebar:not(headerbar) button:backdrop,
+headerbar button:backdrop {
+ background: image(#1f1f1f); }
+ .titlebar:not(headerbar) button:backdrop:disabled,
+ headerbar button:backdrop:disabled {
+ background: image(#030303); }
+
+.titlebar:not(headerbar) entry:focus,
+headerbar entry:focus {
+ background: #0d0d0d; }
+
+.titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked,
+.titlebar:not(headerbar) button.toggle:active,
+.titlebar:not(headerbar) button.toggle:checked,
+headerbar stackswitcher button:active,
+headerbar stackswitcher button:checked,
+headerbar button.toggle:active,
+headerbar button.toggle:checked {
+ color: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25); }
+
+.titlebar:not(headerbar) viewswitcher button > stack > box.narrow,
+.titlebar:not(headerbar) hdyviewswitcher > button box.narrow,
+headerbar viewswitcher button > stack > box.narrow,
+headerbar hdyviewswitcher > button box.narrow {
+ margin: -7px 0 -5px; }
+
+.titlebar:not(headerbar) viewswitcher button > stack > box.wide,
+.titlebar:not(headerbar) hdyviewswitcher > button box.wide,
+headerbar viewswitcher button > stack > box.wide,
+headerbar hdyviewswitcher > button box.wide {
+ margin: -8px 0; }
+
+dialog .titlebar:not(headerbar), dialog headerbar {
+ background: #0d0d0d;
+ border: 0;
+ box-shadow: none; }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
+headerbar button.titlebutton:not(.appmenu).minimize,
+headerbar button.titlebutton:not(.appmenu).maximize,
+headerbar button.titlebutton:not(.appmenu).close {
+ color: transparent;
+ -gtk-icon-shadow: none;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 8px;
+ margin: 0;
+ margin-left: 5px;
+ padding: 0;
+ min-width: 0;
+ min-height: 0;
+ box-shadow: none;
+ border: none;
+ transition: all .2s; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton,
+ headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton,
+ headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton,
+ headerbar button.titlebutton:not(.appmenu).close + button.titlebutton {
+ margin-left: 0; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child,
+ headerbar button.titlebutton:not(.appmenu).minimize:last-child,
+ headerbar button.titlebutton:not(.appmenu).maximize:last-child,
+ headerbar button.titlebutton:not(.appmenu).close:last-child {
+ margin-right: 5px; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop,
+ headerbar button.titlebutton:not(.appmenu).minimize:backdrop,
+ headerbar button.titlebutton:not(.appmenu).maximize:backdrop,
+ headerbar button.titlebutton:not(.appmenu).close:backdrop {
+ background-color: #404040;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize,
+headerbar button.titlebutton:not(.appmenu).minimize {
+ background-color: #fd7d00; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover,
+ headerbar button.titlebutton:not(.appmenu).minimize:hover {
+ background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize,
+headerbar button.titlebutton:not(.appmenu).maximize {
+ background-color: #377cf1; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover,
+ headerbar button.titlebutton:not(.appmenu).maximize:hover {
+ background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
+headerbar button.titlebutton:not(.appmenu).close {
+ background-color: #d31919; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
+ headerbar button.titlebutton:not(.appmenu).close:hover {
+ background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); }
+
+.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
+ margin-right: 0; }
+
+.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
+ margin-left: 0; }
+
+.default-decoration.titlebar:not(headerbar),
+headerbar.default-decoration {
+ background: #0d0d0d;
+ min-height: 0;
+ padding: 6px; }
+ .default-decoration.titlebar:not(headerbar) button.titlebutton,
+ headerbar.default-decoration button.titlebutton {
+ min-height: 0;
+ min-width: 0; }
+ .default-decoration.titlebar:not(headerbar) button.titlebutton,
+ headerbar.default-decoration button.titlebutton,
+ headerbar.default-decoration button.titlebutton:last-child {
+ margin: 0; }
+
+paned headerbar:first-child,
+hdyleaflet headerbar:first-child,
+headerbar.titlebar headerbar:first-child,
+deck leaflet box:first-child headerbar:first-child,
+leaflet > headerbar:first-child {
+ border-color: #1f1f1f;
+ background: black;
+ box-shadow: none; }
+ paned headerbar:first-child:backdrop,
+ hdyleaflet headerbar:first-child:backdrop,
+ headerbar.titlebar headerbar:first-child:backdrop,
+ deck leaflet box:first-child headerbar:first-child:backdrop,
+ leaflet > headerbar:first-child:backdrop {
+ background: #030303; }
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-top-color: #1f1f1f; }
+ treeview.view:backdrop {
+ border-top-color: #1f1f1f; }
+ treeview.view header button {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ treeview.view header button:hover, treeview.view header button:active {
+ border-color: #1f1f1f; }
+ treeview.view header button:backdrop {
+ box-shadow: none; }
+
+/***************
+ * Popovers *
+ ***************/
+popover.background {
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
+ .csd popover.background, popover.background {
+ border-color: rgba(31, 31, 31, 0.75); }
+
+/*************
+ * Notebooks *
+ *************/
+notebook > header {
+ border: 0;
+ padding: 0;
+ background-color: #131313; }
+ notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs {
+ margin: 0; }
+ notebook > header.top > tabs > tab,
+ notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab,
+ notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab,
+ notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab,
+ notebook > header.right > tabs > tab.reorderable-page {
+ border: 1px solid transparent; }
+ notebook > header.top > tabs > tab:hover:not(:backdrop),
+ notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop),
+ notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop),
+ notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop),
+ notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ notebook > header.top > tabs > tab:checked,
+ notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
+ notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked,
+ notebook > header.right > tabs > tab.reorderable-page:checked {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ background: image(black); }
+ notebook > header.top > tabs > tab:checked:backdrop,
+ notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
+ notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
+ notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ background: image(black); }
+ notebook > header.top {
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.top > tabs {
+ margin-bottom: -3px; }
+ notebook > header.top > tabs > tab {
+ margin: 3px 0;
+ border-radius: 6px 6px 0 0; }
+ notebook > header.top > tabs > tab:not(:checked) {
+ box-shadow: 4px 3px 0 -3px #1f1f1f; }
+ notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop {
+ border-bottom-color: black; }
+ notebook > header.bottom {
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.bottom > tabs {
+ margin-top: -3px; }
+ notebook > header.bottom > tabs > tab {
+ margin: 3px 0;
+ border-radius: 0 0 6px 6px; }
+ notebook > header.bottom > tabs > tab:not(:checked) {
+ box-shadow: 4px -3px 0 -3px #1f1f1f; }
+ notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop {
+ border-top-color: black; }
+ notebook > header.right {
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.right > tabs {
+ margin-left: -3px; }
+ notebook > header.right > tabs > tab {
+ margin: 0 3px;
+ border-radius: 0 6px 6px 0; }
+ notebook > header.right > tabs > tab:not(:checked) {
+ box-shadow: -3px 4px 0 -3px #1f1f1f; }
+ notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop {
+ border-left-color: black; }
+ notebook > header.left {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.left > tabs {
+ margin-right: -3px; }
+ notebook > header.left > tabs > tab {
+ margin: 0 3px;
+ border-radius: 6px 0 0 6px; }
+ notebook > header.left > tabs > tab:not(:checked) {
+ box-shadow: 3px 4px 0 -3px #1f1f1f; }
+ notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop {
+ border-right-color: black; }
+ notebook > header tab {
+ border-radius: 6px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ min-height: 24px; }
+ notebook > header tab button.flat {
+ margin-top: 1px;
+ margin-bottom: 1px; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar slider {
+ min-width: 6px;
+ min-height: 6px; }
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar, infobar.info, infobar.question, infobar.warning, infobar.error {
+ border-style: none;
+ text-shadow: none; }
+ infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, 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: #000000; }
+ infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
+ text-shadow: none; }
+ infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection {
+ background-color: black; }
+ infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link {
+ color: #fff3d4; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box {
+ background-color: #ffd86e; }
+
+infobar.info button,
+infobar.info button.flat, infobar.info.action:hover button,
+infobar.info.action:hover button.flat {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffe292;
+ background-image: image(#ffe6a1);
+ box-shadow: none; }
+ infobar.info button:hover,
+ infobar.info button.flat:hover, infobar.info.action:hover button:hover,
+ infobar.info.action:hover button.flat:hover {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffca3b;
+ background-image: image(#ffebb5);
+ box-shadow: none; }
+ infobar.info button:active, infobar.info button:checked,
+ infobar.info button.flat:active,
+ infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked,
+ infobar.info.action:hover button.flat:active,
+ infobar.info.action:hover button.flat:checked {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ffc527;
+ background-image: linear-gradient(to right, #ffc831, #ffc21c);
+ box-shadow: 0 2px 4px rgba(255, 197, 39, 0.25); }
+ infobar.info button:disabled,
+ infobar.info button.flat:disabled, infobar.info.action:hover button:disabled,
+ infobar.info.action:hover button.flat:disabled {
+ color: #6d5c2f;
+ border-color: #ffca3b;
+ background-image: image(#d9b85e);
+ box-shadow: none; }
+ infobar.info button:backdrop,
+ infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop,
+ infobar.info.action:hover button.flat:backdrop {
+ color: #332b16;
+ border-color: #ffca3b;
+ background-image: image(#ffd86e);
+ box-shadow: none;
+ border-color: #ffca3b; }
+ infobar.info button:backdrop:disabled,
+ infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled,
+ infobar.info.action:hover button.flat:backdrop:disabled {
+ color: #8d783d;
+ border-color: #ffca3b;
+ background-image: image(#d9b85e);
+ box-shadow: none;
+ border-color: #ffca3b; }
+ infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button,
+ infobar.info button.flat:backdrop label,
+ infobar.info button.flat:backdrop,
+ infobar.info button.flat label,
+ infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button,
+ infobar.info.action:hover button.flat:backdrop label,
+ infobar.info.action:hover button.flat:backdrop,
+ infobar.info.action:hover button.flat label,
+ infobar.info.action:hover button.flat {
+ color: #000000; }
+
+infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box {
+ background-color: #fd7d00; }
+
+infobar.question button,
+infobar.question button.flat, infobar.warning button,
+infobar.warning button.flat, infobar.question.action:hover button,
+infobar.question.action:hover button.flat, infobar.warning.action:hover button,
+infobar.warning.action:hover button.flat {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ff8f22;
+ background-image: image(#ff9731);
+ box-shadow: none; }
+ infobar.question button:hover,
+ infobar.question button.flat:hover, infobar.warning button:hover,
+ infobar.warning button.flat:hover, infobar.question.action:hover button:hover,
+ infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover,
+ infobar.warning.action:hover button.flat:hover {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #ca6400;
+ background-image: image(#ffa145);
+ box-shadow: none; }
+ infobar.question button:active, infobar.question button:checked,
+ infobar.question button.flat:active,
+ infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked,
+ infobar.warning button.flat:active,
+ infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked,
+ infobar.question.action:hover button.flat:active,
+ infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked,
+ infobar.warning.action:hover button.flat:active,
+ infobar.warning.action:hover button.flat:checked {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #b65a00;
+ background-image: linear-gradient(to right, #c05f00, #ab5500);
+ box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); }
+ infobar.question button:disabled,
+ infobar.question button.flat:disabled, infobar.warning button:disabled,
+ infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled,
+ infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled,
+ infobar.warning.action:hover button.flat:disabled {
+ color: #6c3500;
+ border-color: #ca6400;
+ background-image: image(#d76a00);
+ box-shadow: none; }
+ infobar.question button:backdrop,
+ infobar.question button.flat:backdrop, infobar.warning button:backdrop,
+ infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop,
+ infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop,
+ infobar.warning.action:hover button.flat:backdrop {
+ color: #331900;
+ border-color: #ca6400;
+ background-image: image(#fd7d00);
+ box-shadow: none;
+ border-color: #ca6400; }
+ infobar.question button:backdrop:disabled,
+ infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled,
+ infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled,
+ infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled,
+ infobar.warning.action:hover button.flat:backdrop:disabled {
+ color: #8c4500;
+ border-color: #ca6400;
+ background-image: image(#d76a00);
+ box-shadow: none;
+ border-color: #ca6400; }
+ infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button,
+ infobar.question button.flat:backdrop label,
+ infobar.question button.flat:backdrop,
+ infobar.question button.flat label,
+ infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button,
+ infobar.warning button.flat:backdrop label,
+ infobar.warning button.flat:backdrop,
+ infobar.warning button.flat label,
+ infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button,
+ infobar.question.action:hover button.flat:backdrop label,
+ infobar.question.action:hover button.flat:backdrop,
+ infobar.question.action:hover button.flat label,
+ infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button,
+ infobar.warning.action:hover button.flat:backdrop label,
+ infobar.warning.action:hover button.flat:backdrop,
+ infobar.warning.action:hover button.flat label,
+ infobar.warning.action:hover button.flat {
+ color: #000000; }
+
+infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box {
+ background-color: #bf1717; }
+ infobar.error:backdrop > revealer > box button,
+ infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button,
+ infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button,
+ infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button,
+ infobar.error.action:hover > revealer > box button.flat {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #df1b1b;
+ background-image: image(#e52424);
+ box-shadow: none; }
+ infobar.error:backdrop > revealer > box button:hover,
+ infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover,
+ infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover,
+ infobar.error.action:hover > revealer > box button.flat:hover {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #911212;
+ background-image: image(#e73737);
+ box-shadow: none; }
+ infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked,
+ infobar.error:backdrop > revealer > box button.flat:active,
+ infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked,
+ infobar.error > revealer > box button.flat:active,
+ infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:active,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked,
+ infobar.error.action:hover > revealer > box button.flat:active,
+ infobar.error.action:hover > revealer > box button.flat:checked {
+ color: #000000;
+ outline-color: rgba(0, 0, 0, 0.3);
+ border-color: #7f0f0f;
+ background-image: linear-gradient(to right, #881010, #760e0e);
+ box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); }
+ infobar.error:backdrop > revealer > box button:disabled,
+ infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled,
+ infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled,
+ infobar.error.action:hover > revealer > box button.flat:disabled {
+ color: #510a0a;
+ border-color: #911212;
+ background-image: image(#a21414);
+ box-shadow: none; }
+ infobar.error:backdrop > revealer > box button:backdrop,
+ infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop,
+ infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop,
+ infobar.error.action:hover > revealer > box button.flat:backdrop {
+ color: #260505;
+ border-color: #911212;
+ background-image: image(#bf1717);
+ box-shadow: none;
+ border-color: #911212; }
+ infobar.error:backdrop > revealer > box button:backdrop:disabled,
+ infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled,
+ infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled,
+ infobar.error.action:hover > revealer > box button.flat:backdrop:disabled {
+ color: #690d0d;
+ border-color: #911212;
+ background-image: image(#a21414);
+ box-shadow: none;
+ border-color: #911212; }
+ infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button,
+ infobar.error:backdrop > revealer > box button.flat:backdrop label,
+ infobar.error:backdrop > revealer > box button.flat:backdrop,
+ infobar.error:backdrop > revealer > box button.flat label,
+ infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button,
+ infobar.error > revealer > box button.flat:backdrop label,
+ infobar.error > revealer > box button.flat:backdrop,
+ infobar.error > revealer > box button.flat label,
+ infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop,
+ infobar.error.action:hover:backdrop > revealer > box button.flat label,
+ infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button,
+ infobar.error.action:hover > revealer > box button.flat:backdrop label,
+ infobar.error.action:hover > revealer > box button.flat:backdrop,
+ infobar.error.action:hover > revealer > box button.flat label,
+ infobar.error.action:hover > revealer > box button.flat {
+ color: #000000; }
+
+/*********
+ * Lists *
+ *********/
+row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active {
+ border-radius: 10px;
+ background-color: #0d0d0d;
+ color: white;
+ box-shadow: inset 0 0 0 9999px #181818, inset 0 0 0 3px #0d0d0d; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification,
+.app-notification.frame {
+ padding: 5px 10px;
+ margin: 20px;
+ border-radius: 7px;
+ border: 1px solid rgba(31, 31, 31, 0.65);
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
+ background-image: none; }
+ .app-notification:backdrop,
+ .app-notification.frame:backdrop {
+ box-shadow: none; }
+
+/************
+ * Calendar *
+ ***********/
+calendar {
+ border-radius: 6px;
+ border: 0;
+ padding: 1px; }
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog .titlebar:backdrop {
+ background-image: none; }
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ background-color: #0d0d0d; }
+
+stacksidebar row {
+ padding: 7px 3px; }
+
+/****************
+ * File chooser *
+ ****************/
+placessidebar row {
+ min-height: 30px; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+decoration {
+ border-radius: 10px 10px 6px 6px;
+ border: 1px solid #0d0d0d;
+ border-top-width: 0;
+ border-bottom-width: 2px;
+ background: transparent;
+ border-color: rgba(13, 13, 13, 0.8) rgba(13, 13, 13, 0.8) #0d0d0d;
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(31, 31, 31, 0.75); }
+ decoration:backdrop {
+ box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75); }
+ .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-width: 0; }
+ dialog decoration {
+ border-width: 0 0 4px; }
+ .popup decoration {
+ border-width: 0; }
+ .ssd decoration {
+ box-shadow: 0 0 0 1px rgba(31, 31, 31, 0.75);
+ border-width: 0; }
+ .csd.popup decoration {
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(31, 31, 31, 0.65);
+ border-width: 0; }
+ tooltip.csd decoration {
+ border: 0; }
+ messagedialog.csd decoration {
+ border-width: 0;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
+
+window.unified, window.unified:backdrop {
+ background: linear-gradient(to bottom, rgba(13, 13, 13, 0.8) 40px, #0d0d0d 40px); }
+ window.unified decoration, window.unified:backdrop decoration {
+ border: 0; }
+ window.unified headerbar, window.unified:backdrop headerbar {
+ background: transparent; }
+
+/**********
+ * Entry *
+ **********/
+spinbutton:not(.vertical),
+entry {
+ background: black; }
+
+switch slider,
+scale slider {
+ background: #333333;
+ border-color: black; }
+
+/**********
+ * Switch *
+ **********/
+switch {
+ background: black; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+decoration {
+ box-shadow: 0 2px 8px 0 black, 0 0 0 1px rgba(31, 31, 31, 0.75); }
+ decoration:backdrop {
+ box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.75); }
+ .csd.popup decoration {
+ box-shadow: 0 1px 6px black, 0 0 0 1px rgba(31, 31, 31, 0.75); }
+ messagedialog.csd decoration {
+ box-shadow: 0 1px 4px black; }
+
+/* Nautilus */
+@define-color disk_space_unknown #383c4a;
+@define-color disk_space_used #ffd86e;
+@define-color disk_space_free white;
+filechooser.unified, filechooser.unified:backdrop,
+.nautilus-window.unified,
+.nautilus-window.unified:backdrop {
+ background: transparent; }
+ filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar,
+ .nautilus-window.unified > deck > box > headerbar,
+ .nautilus-window.unified:backdrop > deck > box > headerbar {
+ background: rgba(13, 13, 13, 0.8); }
+
+filechooser.csd.background, filechooser placessidebar list,
+.nautilus-window.csd.background,
+.nautilus-window placessidebar list {
+ background-color: transparent; }
+
+filechooser placessidebar.sidebar:dir(ltr),
+.nautilus-window placessidebar.sidebar:dir(ltr) {
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 41px, rgba(8, 8, 8, 0.95) 0); }
+
+filechooser placessidebar.sidebar:dir(rtl),
+.nautilus-window placessidebar.sidebar:dir(rtl) {
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.95) 41px, rgba(8, 8, 8, 0.95) 0); }
+
+filechooser placessidebar.sidebar:backdrop,
+.nautilus-window placessidebar.sidebar:backdrop {
+ background: image(rgba(8, 8, 8, 0.95)); }
+
+filechooser placessidebar.sidebar row.sidebar-row,
+.nautilus-window placessidebar.sidebar row.sidebar-row {
+ color: white; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected {
+ margin-left: 6px;
+ margin-right: 6px;
+ border-radius: 6px;
+ box-shadow: 0 1px 4px #ffd86e;
+ transition: box-shadow 200ms ease-out, background 200ms ease-out;
+ background-color: #ffd86e; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
+ background-image: linear-gradient(to right, #ffca3b 35px, transparent 0); }
+ filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
+ background-image: linear-gradient(to left, #ffca3b 35px, transparent 0); }
+ filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
+ padding-left: 8px;
+ padding-right: 8px; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
+ color: #000000; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
+ background-image: none;
+ box-shadow: none; }
+ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
+ .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
+ padding-right: 20px;
+ opacity: 1; }
+ filechooser placessidebar.sidebar row.sidebar-row .sidebar-button,
+ .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button {
+ border: 0; }
+
+.nautilus-window .floating-bar {
+ color: #000000;
+ background-color: #ffd86e;
+ border-color: #d49b00;
+ margin: 10px;
+ box-shadow: 0 1px 4px #ffd86e;
+ transition: background-color 200ms ease-out; }
+ .nautilus-window .floating-bar:backdrop {
+ color: inherit;
+ box-shadow: none;
+ border-color: #1f1f1f; }
+ .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right {
+ border-radius: 6px;
+ border-style: solid; }
+
+.nautilus-window .path-bar-box {
+ padding: 3px 4px;
+ margin: -1px 0;
+ background: rgba(23, 28, 36, 0.7);
+ border-radius: 99px;
+ box-shadow: inset 0 0 0 1px #1f1f1f;
+ border: 0; }
+ .nautilus-window .path-bar-box .text-button {
+ background: transparent;
+ border-radius: 99px;
+ border: 0; }
+ .nautilus-window .path-bar-box .text-button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child {
+ color: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25);
+ padding: 3px;
+ border-color: transparent; }
+ .nautilus-window .path-bar-box .image-button > box > image:first-child {
+ margin-left: 5px; }
+ .nautilus-window .path-bar-box .image-button > box > image:last-child {
+ margin-right: 5px; }
+ .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) {
+ box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); }
+
+box.nautilus-path-bar > scrolledwindow {
+ background-color: #1f1f1f;
+ border: none; }
+
+box.nautilus-path-bar > button {
+ box-shadow: none; }
+
+/* GNOME TERMINAL */
+terminal-window notebook scrollbar,
+.mate-terminal notebook scrollbar {
+ background: black; }
+
+/* GNOME TWEAKS */
+list.tweak-categories separator {
+ background: transparent; }
+
+/* XFCE4 PANEL */
+.xfce4-panel.background {
+ background: rgba(13, 13, 13, 0.8); }
+
+.xfce4-panel button {
+ border: 0;
+ border-radius: 0;
+ min-width: 30px;
+ box-shadow: none;
+ text-shadow: none;
+ background: transparent;
+ color: #eeeeec; }
+ .xfce4-panel button:hover {
+ background: rgba(0, 0, 0, 0.2); }
+ .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active {
+ box-shadow: inset 0 -2px 0 #ffd86e;
+ background: rgba(0, 0, 0, 0.2); }
+
+.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
+ box-shadow: inset 2px 0 0 #ffd86e; }
+
+/* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */
+#XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button {
+ border: 1px solid #1f1f1f;
+ border-bottom-width: 2px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ -gtk-icon-style: symbolic; }
+
+.xfsm-logout-dialog > .vertical > .horizontal button {
+ margin: 8px; }
+
+#whiskermenu-window entry {
+ border-radius: 100px;
+ border: 2px solid #ffd86e;
+ box-shadow: none; }
+
+#whiskermenu-window button {
+ transition-duration: 0s; }
+ #whiskermenu-window button:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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(255, 255, 255, 0.3);
+ border-color: transparent;
+ border-bottom-color: #050505; }
+ #whiskermenu-window button:checked {
+ border-color: transparent; }
+
+#whiskermenu-window scrolledwindow.frame {
+ border: 0;
+ border-radius: 8px;
+ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
+ padding: 7px 10px;
+ margin: 0 5px; }
+ #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) {
+ background: #050505; }
+ #whiskermenu-window scrolledwindow.frame treeview {
+ background: transparent;
+ border-radius: 6px; }
+ #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected {
+ background-color: rgba(0, 0, 0, 0.27);
+ color: inherit; }
+
+/* XFCE4 panel action */
+#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image {
+ -gtk-icon-style: symbolic;
+ -gtk-icon-transform: scale(0.7); }
+
+/* XFCE4 workspace switcher */
+wnck-pager {
+ background-color: #1a1a1a; }
+ wnck-pager:selected {
+ background-color: black; }
+ wnck-pager:hover {
+ background-color: black; }
+
+/* LightDM */
+.lightdm-gtk-greeter #panel_window {
+ background: rgba(13, 13, 13, 0.8);
+ color: #eeeeec;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+.lightdm-gtk-greeter #login_window {
+ border: 0;
+ background-color: rgba(13, 13, 13, 0.8);
+ border-radius: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
+ .lightdm-gtk-greeter #login_window entry {
+ background: rgba(13, 13, 13, 0.4);
+ border-color: rgba(13, 13, 13, 0.3);
+ min-height: 32px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); }
+ .lightdm-gtk-greeter #login_window entry image {
+ margin: 0; }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame {
+ padding-top: 20px;
+ background: #0d0d0d;
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 0 0 6px 6px;
+ box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame button {
+ border: 0;
+ color: #000000;
+ text-shadow: none; }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
+ background: rgba(0, 0, 0, 0.27);
+ box-shadow: none;
+ color: #eeeeec; }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {
+ background: #ffd86e;
+ box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); }
+
+/* XFCE4 desktop */
+XfdesktopIconView.view {
+ background-color: transparent;
+ color: white;
+ text-shadow: 0 1px 2px black; }
+
+XfdesktopIconView.view:active {
+ background-color: rgba(255, 216, 110, 0.3);
+ color: rgba(255, 216, 110, 0.3);
+ border-radius: 6px; }
+
+XfdesktopIconView.label:active {
+ background-color: rgba(255, 216, 110, 0.3);
+ color: #000000; }
+
+XfdesktopIconView.rubberband {
+ background-color: rgba(255, 216, 110, 0.3); }
+
+/* Thunar */
+.thunar .warning {
+ margin: -7px 0; }
+
+.thunar .path-bar button {
+ border: none;
+ background: transparent;
+ border-radius: 6px; }
+ .thunar .path-bar button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ .thunar .path-bar button:checked {
+ color: #000000;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25);
+ border-radius: 99px; }
+
+.budgie-container {
+ background-color: transparent; }
+
+*:drop(active):focus,
+*:drop(active) {
+ box-shadow: inset 0 0 0 1px #ffd86e; }
+
+.budgie-panel {
+ background-color: #272a34;
+ color: white;
+ font-weight: normal; }
+ .budgie-panel image {
+ -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+ .budgie-panel label {
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+ .budgie-panel .alert {
+ color: #ffd86e; }
+ .budgie-panel:backdrop {
+ color: white;
+ background-color: rgba(39, 42, 52, 0.8); }
+ .budgie-panel.transparent {
+ background-color: rgba(39, 42, 52, 0.8);
+ color: white; }
+ .budgie-panel button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0; }
+ .budgie-panel.horizontal button {
+ padding: 0 4px; }
+ .budgie-panel.vertical button {
+ padding: 4px 0; }
+ .budgie-panel separator {
+ background-color: rgba(238, 238, 236, 0.4); }
+ .budgie-panel.vertical #tasklist-button {
+ min-height: 32px; }
+ .budgie-panel .end-region {
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 0px; }
+ .budgie-panel .end-region separator {
+ background-color: rgba(255, 255, 255, 0.15); }
+ .budgie-panel .end-region label {
+ font-weight: 700;
+ color: white; }
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+ border-radius: 0;
+ border: none;
+ background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0));
+ background-position: center center; }
+ .budgie-panel button.flat.launcher > image {
+ opacity: 0.87; }
+ .budgie-panel button.flat.launcher:hover {
+ -gtk-icon-effect: highlight; }
+ .budgie-panel button.flat.launcher:hover > image {
+ opacity: 1.0; }
+ .budgie-panel button.flat.launcher:active > image {
+ opacity: 1.0; }
+ .budgie-panel button.flat.launcher:checked {
+ background-color: transparent; }
+ .budgie-panel button.flat.launcher:checked:hover {
+ -gtk-icon-effect: highlight; }
+ .budgie-panel button.flat.launcher:checked > image {
+ opacity: 1.0; }
+
+.budgie-panel .unpinned button.flat.launcher:hover,
+.budgie-panel .pinned button.flat.launcher.running:hover {
+ -gtk-icon-effect: highlight; }
+
+.budgie-panel .unpinned button.flat.launcher > image,
+.budgie-panel .pinned button.flat.launcher.running > image {
+ background-size: 2px 2px;
+ background-repeat: no-repeat;
+ opacity: 1.0; }
+
+.budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image,
+.budgie-panel .pinned button.flat.launcher.running:hover > image,
+.budgie-panel .pinned button.flat.launcher.running:active > image,
+.budgie-panel .pinned button.flat.launcher.running:checked > image {
+ background-image: none; }
+
+.top .budgie-panel button#tasklist-button:hover,
+.top .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset 0 2px alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked,
+.top .budgie-panel button.flat.launcher:active,
+.top .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset 0 2px #ffd86e; }
+
+.top .budgie-panel .unpinned button.flat.launcher > image,
+.top .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#ffd86e);
+ background-position: top center; }
+
+.top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:hover,
+.top .budgie-panel .pinned button.flat.launcher.running:active,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset 0 2px #ffd86e; }
+
+.bottom .budgie-panel button#tasklist-button:hover,
+.bottom .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset 0 -2px alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked,
+.bottom .budgie-panel button.flat.launcher:active,
+.bottom .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset 0 -2px #ffd86e; }
+
+.bottom .budgie-panel .unpinned button.flat.launcher > image,
+.bottom .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#ffd86e);
+ background-position: bottom center; }
+
+.bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:hover,
+.bottom .budgie-panel .pinned button.flat.launcher.running:active,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset 0 -2px #ffd86e; }
+
+.left .budgie-panel button#tasklist-button:hover,
+.left .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset 2px 0 alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked,
+.left .budgie-panel button.flat.launcher:active,
+.left .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset 2px 0 #ffd86e; }
+
+.left .budgie-panel .unpinned button.flat.launcher > image,
+.left .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#ffd86e);
+ background-position: left center; }
+
+.left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:hover,
+.left .budgie-panel .pinned button.flat.launcher.running:active,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset 2px 0 #ffd86e; }
+
+.right .budgie-panel button#tasklist-button:hover,
+.right .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset -2px 0 alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked,
+.right .budgie-panel button.flat.launcher:active,
+.right .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset -2px 0 #ffd86e; }
+
+.right .budgie-panel .unpinned button.flat.launcher > image,
+.right .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#ffd86e);
+ background-position: right center; }
+
+.right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:hover,
+.right .budgie-panel .pinned button.flat.launcher.running:active,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset -2px 0 #ffd86e; }
+
+.top .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.bottom .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.left .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.right .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.budgie-popover {
+ border-style: none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.28);
+ border-radius: 6px;
+ box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28);
+ background-color: #0d0d0d; }
+ .budgie-popover .container {
+ padding: 2px; }
+ .budgie-popover border {
+ border: none; }
+ .budgie-popover list {
+ background-color: transparent; }
+ .budgie-popover row {
+ padding: 0; }
+ .budgie-popover row:hover {
+ box-shadow: none; }
+ .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: #eeeeec;
+ font-weight: normal; }
+ .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
+ color: #7d7d7c; }
+ .budgie-popover.budgie-menu .container {
+ padding: 0; }
+ .budgie-popover.user-menu .container {
+ padding: 8px; }
+ .budgie-popover.user-menu separator {
+ margin: 4px 0; }
+ .budgie-popover.sound-popover separator {
+ margin: 3px 0; }
+ .budgie-popover.night-light-indicator .container {
+ padding: 8px; }
+ .budgie-popover.places-menu .container {
+ padding: 8px; }
+ .budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 4px;
+ padding-top: 4px;
+ border-top: 1px solid #1f1f1f; }
+ .budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px; }
+ .budgie-popover.workspace-popover .container {
+ padding: 2px 8px 8px; }
+ .budgie-popover.workspace-popover separator {
+ margin: 4px 0; }
+ .budgie-popover.workspace-popover flowboxchild {
+ padding: 0; }
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(13, 13, 13, 0.8); }
+ .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px; }
+ .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px; }
+ .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px; }
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(0, 0, 0, 0.8); }
+ .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px; }
+ .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px; }
+ .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px; }
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: rgba(0, 0, 0, 0.8); }
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none; }
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none; }
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px; }
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px; }
+
+.budgie-menu.background {
+ padding: 0;
+ background-color: black; }
+
+.budgie-menu scrollbar,
+.budgie-menu entry.search {
+ background-color: transparent; }
+
+.budgie-menu entry.search {
+ border-style: none;
+ border-bottom: 1px solid #1f1f1f;
+ border-radius: 999px;
+ box-shadow: none;
+ font-size: 120%;
+ padding-top: 6px;
+ padding-bottom: 6px; }
+
+.budgie-menu button {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+ color: #eeeeec;
+ font-weight: normal; }
+
+.budgie-menu row {
+ padding: 0; }
+ .budgie-menu row:hover {
+ box-shadow: none; }
+
+button.budgie-menu-launcher {
+ color: white;
+ border: none; }
+ button.budgie-menu-launcher:hover {
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+popover.background.user-menu {
+ padding: 8px; }
+ popover.background.user-menu .content-box {
+ background-color: transparent; }
+ popover.background.user-menu separator {
+ margin: 4px 0; }
+ popover.background.user-menu row {
+ padding: 0;
+ box-shadow: none;
+ background-image: none; }
+
+button.raven-trigger {
+ color: white;
+ border: none; }
+ button.raven-trigger:hover {
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+popover.background.places-menu {
+ padding: 8px; }
+ popover.background.places-menu .name-button.text-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ popover.background.places-menu .name-button.text-button image:dir(ltr) {
+ margin-right: 3px; }
+ popover.background.places-menu .name-button.text-button image:dir(rtl) {
+ margin-left: 3px; }
+ popover.background.places-menu .places-section-header > image:dir(ltr) {
+ margin: 0 -2px 0 5px; }
+ popover.background.places-menu .places-section-header > image:dir(rtl) {
+ margin: 0 5px 0 -2px; }
+ popover.background.places-menu .places-list {
+ margin-top: 4px;
+ padding-top: 4px;
+ border-top: 1px solid #1f1f1f;
+ background-color: transparent; }
+ popover.background.places-menu row {
+ padding: 0;
+ box-shadow: none;
+ background-image: none; }
+
+frame.raven-frame > border {
+ border-style: none;
+ box-shadow: none; }
+
+.raven {
+ background-color: #0d0d0d;
+ color: #eeeeec;
+ padding: 6px 0 0 0;
+ border: none; }
+ .raven .raven-header {
+ min-height: 32px;
+ padding: 3px; }
+ .raven .raven-header.top {
+ padding: 2px 0;
+ background-color: #0d0d0d;
+ color: #eeeeec; }
+ .raven .raven-header.top stackswitcher button {
+ margin: -6px 0;
+ min-height: 32px; }
+ .raven .raven-header.bottom {
+ border-top: 1px solid #1f1f1f; }
+ .raven viewport.frame .raven-header {
+ margin-top: -8px; }
+ .raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: #1f1f1f;
+ background-color: black; }
+ .raven scrolledwindow.raven-background {
+ border-bottom-style: none; }
+ .raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 10px; }
+ .raven .option-subtitle {
+ font-size: smaller; }
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent; }
+ calendar.raven-calendar:selected {
+ border-radius: 6px;
+ background-color: #0d0d0d; }
+
+.raven-mpris {
+ background-color: rgba(13, 13, 13, 0.8);
+ color: #eeeeec; }
+ .raven-mpris label {
+ min-height: 24px; }
+
+.budgie-notification-window, .budgie-osd-window {
+ background-color: transparent;
+ color: white;
+ border-radius: 6px; }
+ .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow {
+ background-color: #303340; }
+
+.budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd {
+ background-color: #303340;
+ color: white; }
+ .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title {
+ font-size: 110%;
+ color: white; }
+ .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body {
+ color: white; }
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%; }
+
+.budgie-switcher-window .drop-shadow {
+ margin: 8px 8px 16px;
+ border-radius: 6px;
+ background-color: #303340;
+ box-shadow: rgba(0, 0, 0, 0.28); }
+ .budgie-switcher-window .drop-shadow label.budgie-switcher-title {
+ color: white; }
+ .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) {
+ padding: 0 0 0 6px; }
+ .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) {
+ padding: 0 6px 0 0; }
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 2px;
+ box-shadow: none;
+ background-color: #0d0d0d; }
+
+.budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog {
+ border-radius: 6px;
+ background-color: #0d0d0d; }
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+ font-size: 120%; }
+
+.budgie-session-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid #1f1f1f;
+ border-radius: 6px; }
+ .budgie-session-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 2px; }
+ .budgie-session-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 2px; }
+
+.budgie-polkit-dialog .message {
+ color: #eeeeec; }
+
+.budgie-polkit-dialog .failure {
+ color: #a61414; }
+
+.budgie-run-dialog {
+ background-color: black;
+ border-style: none; }
+ .budgie-run-dialog entry.search {
+ font-size: 120%;
+ box-shadow: none;
+ background-color: transparent;
+ border-style: none;
+ border-bottom: 1px solid #1f1f1f;
+ border-radius: 0;
+ padding-top: 6px;
+ padding-bottom: 6px; }
+ .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator,
+ .budgie-run-dialog list headerbar .subtitle,
+ headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
+ opacity: 1; }
+ .budgie-run-dialog scrolledwindow {
+ border-top: 1px solid #1f1f1f; }
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeec;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #0d0d0d;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color black;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #ffd86e;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #000000;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #080808;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #7d7d7c;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color black;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #7d7d7c;
+/*
+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 #0d0d0d;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #030303;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffd86e;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #000000;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #333333;
+/*
+widgets main borders color */
+@define-color borders #1f1f1f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #1f1f1f;
+/*
+these are pretty self explicative */
+@define-color warning_color #fd7d00;
+@define-color error_color #bf1717;
+@define-color success_color #308e63;
+/*
+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 #7d7d7c;
+@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(#0d0d0d, 1.2);
+@define-color wm_bg_b #0d0d0d;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#0d0d0d, 1.3);
+@define-color wm_button_hover_color_b #0d0d0d;
+@define-color wm_button_active_color_a shade(#0d0d0d, 0.85);
+@define-color wm_button_active_color_b shade(#0d0d0d, 0.89);
+@define-color wm_button_active_color_c shade(#0d0d0d, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg black;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg black;
+.open-document-selector-treeview:hover {
+ background-color: alpha(@theme_fg_color, 0.05);
+}
+
+.open-document-selector-treeview:selected:hover {
+ background-color: @theme_selected_bg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-name-label {
+ color: @theme_fg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-path-label {
+ color: @theme_unfocused_fg_color;
+ font-size: smaller;
+}
+
+/* Only normal state is handle */
+.open-document-selector-match {
+ color: shade (@theme_fg_color, 0.6);
+ background-color: alpha(@warning_color, 0.4);
+}
+
+.gedit-document-panel {
+ background-color: @sidebar_bg;
+}
+
+.gedit-document-panel:backdrop {
+ color: #b0b2b2;
+}
+
+.gedit-document-panel row:selected:backdrop {
+ background-color: #8b8e8f;
+}
+
+.gedit-document-panel-group-row,
+.gedit-document-panel-group-row:hover {
+ border-top: 1px solid alpha(currentColor, 0.3);
+}
+
+.gedit-document-panel-group-row:first-child,
+.gedit-document-panel-group-row:first-child:hover {
+ border-top: 0px;
+}
+
+/* Try to look as the notebook tab close button */
+.gedit-document-panel row button.flat {
+ padding: 0;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ min-width: 18px;
+ min-height: 18px;
+ color: alpha(currentColor,0.3);
+}
+
+.gedit-document-panel row:hover button.flat {
+ color: alpha(currentColor,0.5);
+}
+
+.gedit-document-panel row button.flat:hover {
+ color: @theme_fg_color;
+}
+
+statusbar {
+ border-top: 1px solid @borders;
+}
+
+.gedit-search-slider {
+ background-color: @theme_base_color;
+ padding: 6px;
+ border-color: @borders;
+ border-radius: 0 0 3px 3px;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+}
+
+.gedit-search-entry-occurrences-tag {
+ background-color: @theme_base_color;
+ background-image: none;
+ color: shade (@theme_unfocused_fg_color, 0.8);
+ border: 0px;
+ margin: 2px;
+ padding: 2px;
+}
+.nautilus-window,
+.nautilus-window notebook,
+.nautilus-window notebook > stack {
+ background: @theme_base_color;
+}
+
+.nautilus-empty-state-icon {
+ opacity: 0.50;
+}
+
+.nautilus-canvas-item {
+ border-radius: 5px;
+}
+
+.nautilus-canvas-item.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.nautilus-canvas-item.dim-label {
+ color: mix (@theme_fg_color, @theme_bg_color, 0.50);
+}
+
+.nautilus-canvas-item.dim-label:selected {
+ color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
+}
+
+/* Toolbar */
+
+/* Here we use the .button background-image colors from Adwaita, but ligthen them,
+ * since is not possible to use lighten () in common css. */
+@keyframes needs_attention_keyframes {
+ 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+ /* can't do animation-direction, so holding the color on two keyframes */
+ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: needs_attention_keyframes 2s ease-in-out;
+}
+.nautilus-operations-button-needs-attention-multiple {
+ animation: needs_attention_keyframes 3s ease-in-out;
+ animation-iteration-count: 3;
+}
+
+/* Remove white background and highlight on hover which GTK adds by default
+ * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
+.operations-list,
+.operations-list > :hover {
+ background: none;
+}
+
+.disclosure-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/* Path bar */
+
+.nautilus-path-bar scrolledwindow {
+ border-radius: 5px 0px 0px 5px;
+ border: 1px @borders solid;
+ border-right-width: 0px;
+ background-color: @theme_bg_color;
+}
+.nautilus-path-bar scrolledwindow undershoot.left {
+ border-radius: 5px 0px 0px 5px;
+ background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+.nautilus-path-bar scrolledwindow undershoot.right {
+ background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+
+.nautilus-path-bar > button,
+.path-buttons-box button {
+ margin: 0px;
+}
+
+.path-buttons-box button {
+ background-image: none;
+ box-shadow: none;
+ border-radius: 5px;
+ border-width: 0px;
+ -gtk-icon-shadow: none;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover {
+ background: alpha(@theme_fg_color, 0.15);
+ box-shadow: inset 0 0 0 2px @theme_bg_color;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover * {
+ opacity: 1;
+}
+
+/* Make the tags fit into the box */
+entry.search > * {
+ margin: 5px;
+}
+
+/* Sidebar */
+
+.nautilus-window .sidebar-row:selected {
+ background: mix(@theme_bg_color, @theme_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected,
+.nautilus-window .sidebar-row:selected image,
+.nautilus-window .sidebar-row:selected label {
+ color: mix(@theme_fg_color, @theme_text_color, 0.5);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop {
+ background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop,
+.nautilus-window .sidebar-row:selected:backdrop label {
+ color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
+}
+
+/* Floating status bar */
+.floating-bar {
+ padding: 1px;
+ background-color: @theme_base_color;
+ border-width: 1px;
+ border-style: solid solid none;
+ border-color: @borders;
+ border-radius: 8px 8px 0 0;
+}
+
+.floating-bar.bottom.left { /* axes left border and border radius */
+ border-left-style: none;
+ border-top-left-radius: 0;
+}
+.floating-bar.bottom.right { /* axes right border and border radius */
+ border-right-style: none;
+ border-top-right-radius: 0;
+}
+
+.floating-bar:backdrop {
+ background-color: @theme_unfocused_base_color;
+ border-color: @unfocused_borders;
+}
+
+.floating-bar button {
+ padding: 0px;
+}
+
+@define-color disk_space_unknown #888a85;
+@define-color disk_space_used #729fcf;
+@define-color disk_space_free #eeeeec;
+
+.disk-space-display {
+ border-style: solid;
+ border-width: 2px;
+}
+
+.disk-space-display.unknown {
+ background-color: @disk_space_unknown;
+ border-color: shade(@disk_space_unknown, 0.7);
+ color: @disk_space_unknown;
+}
+.disk-space-display.unknown.border {
+ color: shade(@disk_space_unknown, 0.7);
+}
+
+.disk-space-display.used {
+ background-color: @disk_space_used;
+ border-color: shade(@disk_space_used, 0.7);
+ color: @disk_space_used;
+}
+.disk-space-display.used.border {
+ color: shade(@disk_space_used, 0.7);
+}
+
+.disk-space-display.free {
+ background-color: @disk_space_free;
+ border-color: shade(@disk_space_free, 0.7);
+ color: @disk_space_free;
+}
+.disk-space-display.free.border {
+ color: shade(@disk_space_free, 0.7);
+}
+
+/* As a workaround for GtkTreeView showing thick border above first row when
+ * horizontal grid lines are enabled, we add them using CSS instead. Exclude the
+ * drop targets to let through the default feedback style. */
+.nautilus-list-view .view:not(:drop(active)) {
+ border-bottom: 1px solid @theme_bg_color;
+}
+
+.nautilus-list-view.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.search-information {
+ background-color: @theme_selected_bg_color;
+ color:white;
+ padding:2px;
+}
+
+@define-color conflict_bg #fef6b6;
+
+.conflict-row {
+ background: @conflict_bg;
+ color: black;
+}
+
+.conflict-row:hover {
+ background-color: shade(@conflict_bg, 0.9);
+}
+
+.conflict-row:selected {
+ background: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/* Icon view */
+flowbox {
+ padding: 18px
+}
+
+flowboxchild {
+ padding: 0px;
+}
+
+flowboxchild:selected {
+ background-color:transparent;
+ outline-color: transparent;
+}
+
+flowboxchild .thumbnail {
+ margin: 4px;
+ box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5),
+ 0px 0px 0px 1px alpha(@borders, 0.5),
+ 0px 2px 0px 0px alpha(@borders, 0.5);
+ border-radius: 2px;
+}
+
+.icon-ui-labels-box {
+ padding: 2px 4px;
+ border-radius: 4px;
+}
+
+flowboxchild:selected .icon-ui-labels-box {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color;
+}
+
+flowboxchild:selected image {
+ -gtk-icon-effect: dim; /* GTK 3 only */
+ /* GTK 4 TODO: Replace previous line with the following one:
+ -gtk-icon-filter: opacity(0.5);
+ */
+ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color;
+}
diff --git a/src/themes/Cyberpunk-Edge/gtk-3.0/thumbnail.png b/src/themes/Cyberpunk-Edge/gtk-3.0/thumbnail.png
new file mode 100644
index 00000000..ad4d17a2
Binary files /dev/null and b/src/themes/Cyberpunk-Edge/gtk-3.0/thumbnail.png differ
diff --git a/src/themes/Cyberpunk-Edge/gtk-4.0/assets b/src/themes/Cyberpunk-Edge/gtk-4.0/assets
new file mode 120000
index 00000000..fb2256c4
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-4.0/assets
@@ -0,0 +1 @@
+../gtk-3.0/assets
\ No newline at end of file
diff --git a/src/themes/Cyberpunk-Edge/gtk-4.0/gtk-dark.css b/src/themes/Cyberpunk-Edge/gtk-4.0/gtk-dark.css
new file mode 120000
index 00000000..78c9d4e3
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-4.0/gtk-dark.css
@@ -0,0 +1 @@
+gtk.css
\ No newline at end of file
diff --git a/src/themes/Cyberpunk-Edge/gtk-4.0/gtk.css b/src/themes/Cyberpunk-Edge/gtk-4.0/gtk.css
new file mode 100644
index 00000000..48d8df92
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/gtk-4.0/gtk.css
@@ -0,0 +1,5352 @@
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+/***************
+ * Base States *
+ ***************/
+.background {
+ color: #eeeeec;
+ background-color: #0d0d0d; }
+ .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: black; }
+ .view:disabled, iconview:disabled,
+ textview > text:disabled {
+ color: #7d7d7c;
+ background-color: #080808; }
+ .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
+ textview > text:selected:focus,
+ textview > text:selected {
+ border-radius: 3px; }
+
+textview > text > selection {
+ background-color: rgba(183, 183, 183, 0.5); }
+ textview > text > selection:focus-within {
+ background-color: #ffd86e; }
+
+textview:drop(active) {
+ caret-color: #19a187; }
+
+textview > border {
+ background-color: #060606; }
+
+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(255, 216, 110, 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: #d49b00; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband,
+treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #ffca3b;
+ background-color: rgba(255, 202, 59, 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(255, 216, 110, 0.7);
+ 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: rgba(255, 216, 110, 0.7);
+ 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: black;
+ border: 1px solid black; }
+
+label {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ label {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ label:focus:focus-visible {
+ outline-color: rgba(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ label > selection {
+ background-color: rgba(183, 183, 183, 0.5);
+ color: #000000; }
+ label > selection:focus-within {
+ background-color: #ffd86e; }
+ label:disabled {
+ color: #7d7d7c; }
+ button label:disabled {
+ color: inherit; }
+ label.error {
+ color: #bf1717; }
+ label.error:disabled {
+ color: rgba(191, 23, 23, 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 #1f1f1f; }
+
+window.assistant.csd .sidebar {
+ border-top-style: none; }
+
+window.assistant .sidebar > label {
+ padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight {
+ background-color: #181818;
+ 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: white;
+ border: none;
+ background-color: #303340;
+ 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: 4px;
+ border-spacing: 6px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ color: white;
+ border-color: #1f1f1f;
+ background-color: black;
+ 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(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left,
+ entry > image.left {
+ margin-right: 6px; }
+ spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right,
+ entry > image.right {
+ margin-left: 6px; }
+ spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor,
+ entry > text > block-cursor {
+ color: black;
+ 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: #7d7d7c;
+ border-color: #1f1f1f;
+ background-color: #080808; }
+ spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection,
+ entry > text > selection {
+ background-color: rgba(183, 183, 183, 0.5);
+ color: transparent; }
+ spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within,
+ entry > text > selection:focus-within {
+ background-color: #ffd86e;
+ color: #000000; }
+ spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
+ entry.error {
+ color: #bf1717;
+ 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(191, 23, 23, 0.5);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection,
+ entry.error > selection {
+ background-color: #bf1717; }
+ spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical),
+ entry.warning {
+ color: #fd7d00;
+ 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(253, 125, 0, 0.5);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection,
+ entry.warning > selection {
+ background-color: #fd7d00; }
+ spinbutton.vertical > text > image, spinbutton:not(.vertical) > image,
+ entry > image {
+ color: #bebebd; }
+ 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: #ffd86e; }
+ spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator,
+ entry.password image.caps-lock-indicator {
+ color: #656564; }
+ spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical),
+ entry:drop(active):focus-within,
+ entry:drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+ .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry {
+ color: white;
+ border-color: black;
+ 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: #ffd86e;
+ 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: #97999f;
+ border-color: black;
+ background-color: rgba(68, 72, 83, 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: #ffd86e;
+ 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: #19a187; }
+
+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: #090909; }
+
+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: #090909; }
+
+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: #19a187; }
+
+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: #19a187; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
+entry.error {
+ color: #bf1717; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
+ background-color: black;
+ transition-property: color, background; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: black; }
+ treeview entry.flat:focus-within, treeview entry:focus-within {
+ border-color: #ffd86e; }
+
+/*******************
+ * Editable Labels *
+ *******************/
+editablelabel > stack > text {
+ color: white;
+ border-color: #1f1f1f;
+ background-color: black; }
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+ from {
+ background-image: radial-gradient(farthest-side, #ffedbb 0%, rgba(255, 237, 187, 0) 0%); }
+ to {
+ background-image: radial-gradient(farthest-side, #ffedbb 95%, rgba(255, 237, 187, 0)); } }
+
+notebook > header > tabs > arrow, windowcontrols button,
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 9px;
+ border: 1px solid;
+ border-radius: 4px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ color: #eeeeec;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ 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: rgba(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ notebook > header > tabs > arrow:hover,
+ button:hover {
+ color: #eeeeec;
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none;
+ -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: #000000;
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25);
+ transition-duration: 50ms; }
+ notebook > header > tabs > arrow:checked:hover,
+ button:checked:hover {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: image(#ffd86e);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:checked:active,
+ button:checked:active {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: image(#ffd45f);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop,
+ button:backdrop.flat,
+ button:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ 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: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop:disabled,
+ button:backdrop.flat:disabled,
+ button:backdrop:disabled {
+ color: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ 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: #333333;
+ border-color: #1f1f1f;
+ background-image: image(#010101);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:disabled,
+ button:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none;
+ -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: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(black);
+ box-shadow: none; }
+ button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button,
+ .toolbar > :not(.linked) > button,
+ .toolbar :not(.linked) > menubutton > button,
+ .toolbar :not(.linked) > scalebutton > button,
+ .toolbar :not(.linked) > dropdown > button,
+ .toolbar :not(.linked) > colorbutton > button,
+ .toolbar :not(.linked) > fontbutton > button,
+ .toolbar :not(.linked) > appchooserbutton > button,
+ .toolbar :not(.linked) > combobox > box > 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, .toolbar > button:hover,
+ .toolbar > :not(.linked) > button:hover,
+ .toolbar :not(.linked) > menubutton > button:hover,
+ .toolbar :not(.linked) > scalebutton > button:hover,
+ .toolbar :not(.linked) > dropdown > button:hover,
+ .toolbar :not(.linked) > colorbutton > button:hover,
+ .toolbar :not(.linked) > fontbutton > button:hover,
+ .toolbar :not(.linked) > appchooserbutton > button:hover,
+ .toolbar :not(.linked) > combobox > box > button:hover,
+ button.flat:hover {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: #0a0a0a;
+ 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, .toolbar > button.keyboard-activating,
+ .toolbar > :not(.linked) > button.keyboard-activating,
+ .toolbar :not(.linked) > menubutton > button.keyboard-activating,
+ .toolbar :not(.linked) > scalebutton > button.keyboard-activating,
+ .toolbar :not(.linked) > dropdown > button.keyboard-activating,
+ .toolbar :not(.linked) > colorbutton > button.keyboard-activating,
+ .toolbar :not(.linked) > fontbutton > button.keyboard-activating,
+ .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating,
+ .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active,
+ .toolbar > :not(.linked) > button:active,
+ .toolbar :not(.linked) > menubutton > button:active,
+ .toolbar :not(.linked) > scalebutton > button:active,
+ .toolbar :not(.linked) > dropdown > button:active,
+ .toolbar :not(.linked) > colorbutton > button:active,
+ .toolbar :not(.linked) > fontbutton > button:active,
+ .toolbar :not(.linked) > appchooserbutton > button:active,
+ .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked,
+ .toolbar > :not(.linked) > button:checked,
+ .toolbar :not(.linked) > menubutton > button:checked,
+ .toolbar :not(.linked) > scalebutton > button:checked,
+ .toolbar :not(.linked) > dropdown > button:checked,
+ .toolbar :not(.linked) > colorbutton > button:checked,
+ .toolbar :not(.linked) > fontbutton > button:checked,
+ .toolbar :not(.linked) > appchooserbutton > button:checked,
+ .toolbar :not(.linked) > combobox > box > button:checked,
+ button.flat.keyboard-activating,
+ button.flat:active,
+ button.flat:checked {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: black;
+ 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, .toolbar > button:backdrop,
+ .toolbar > :not(.linked) > button:backdrop,
+ .toolbar :not(.linked) > menubutton > button:backdrop,
+ .toolbar :not(.linked) > scalebutton > button:backdrop,
+ .toolbar :not(.linked) > dropdown > button:backdrop,
+ .toolbar :not(.linked) > colorbutton > button:backdrop,
+ .toolbar :not(.linked) > fontbutton > button:backdrop,
+ .toolbar :not(.linked) > appchooserbutton > button:backdrop,
+ .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled,
+ .toolbar > :not(.linked) > button:disabled,
+ .toolbar :not(.linked) > menubutton > button:disabled,
+ .toolbar :not(.linked) > scalebutton > button:disabled,
+ .toolbar :not(.linked) > dropdown > button:disabled,
+ .toolbar :not(.linked) > colorbutton > button:disabled,
+ .toolbar :not(.linked) > fontbutton > button:disabled,
+ .toolbar :not(.linked) > appchooserbutton > button:disabled,
+ .toolbar :not(.linked) > combobox > box > 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; }
+ notebook > header > tabs > arrow.arrow-button,
+ button.arrow-button {
+ padding-left: 10px;
+ padding-right: 10px; }
+ notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box,
+ button.arrow-button > box {
+ border-spacing: 4px; }
+ dropdown:drop(active) button.combo,
+ combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
+ button:drop(active) {
+ color: #19a187;
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
+ color: #000000;
+ border-color: transparent; }
+ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
+ color: #7d7d7c; }
+
+
+button.osd {
+ min-width: 26px;
+ min-height: 32px;
+ color: white;
+ border-radius: 5px;
+ color: white;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box;
+ border: none;
+ box-shadow: none; }
+
+ button.osd:active,
+ button.osd:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ 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: white;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ 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: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ 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: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ 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: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ 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: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none; }
+
+
+button.suggested-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #ffd45f;
+ background-image: image(#ffd86e);
+ box-shadow: none;
+ 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: #ffd86e; }
+
+ button.suggested-action:hover {
+ color: white;
+ border-color: #ffca3b;
+ background-image: image(#ffebb5);
+ box-shadow: none; }
+
+ button.suggested-action:active,
+ button.suggested-action:checked {
+ color: white;
+ border-color: #ffc527;
+ background-image: linear-gradient(to right, #ffc831, #ffc21c);
+ box-shadow: 0 2px 4px rgba(255, 197, 39, 0.25); }
+
+ button.suggested-action.flat:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: rgba(255, 216, 110, 0.8); }
+
+ button.suggested-action:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+
+ button.suggested-action:disabled:active,
+ button.suggested-action:disabled:checked {
+ color: #eddeb5;
+ border-color: #ffca3b;
+ background-image: image(#d3ad45);
+ box-shadow: none; }
+ .osd button.suggested-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(255, 216, 110, 0.5));
+ background-clip: padding-box; }
+ .osd button.suggested-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(255, 216, 110, 0.7));
+ 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: black;
+ background-color: transparent;
+ background-image: image(#ffd86e);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box; }
+
+
+button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #991212;
+ background-image: image(#a61414);
+ box-shadow: none;
+ 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: #a61414; }
+
+ button.destructive-action:hover {
+ color: white;
+ border-color: #790e0e;
+ background-image: image(#e41d1d);
+ box-shadow: none; }
+
+ button.destructive-action:active,
+ button.destructive-action:checked {
+ color: white;
+ border-color: #670c0c;
+ background-image: linear-gradient(to right, #700d0d, #5d0b0b);
+ box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); }
+
+ button.destructive-action.flat:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: rgba(166, 20, 20, 0.8); }
+
+ button.destructive-action:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+
+ button.destructive-action:disabled:active,
+ button.destructive-action:disabled:checked {
+ color: #c69e9e;
+ border-color: #790e0e;
+ background-image: image(#720e0e);
+ box-shadow: none; }
+ .osd button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 0.5));
+ background-clip: padding-box; }
+ .osd button.destructive-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 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: black;
+ background-color: transparent;
+ background-image: image(#a61414);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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, #ffedbb 96%, rgba(255, 237, 187, 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), 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: 4px; }
+ modelbutton.flat:hover {
+ background-color: #181818; }
+ modelbutton.flat:disabled {
+ color: #7d7d7c; }
+
+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,
+.toolbar > :not(.linked) > button,
+.toolbar :not(.linked) > menubutton > button,
+.toolbar :not(.linked) > scalebutton > button,
+.toolbar :not(.linked) > dropdown > button,
+.toolbar :not(.linked) > colorbutton > button,
+.toolbar :not(.linked) > fontbutton > button,
+.toolbar :not(.linked) > appchooserbutton > button,
+.toolbar :not(.linked) > combobox > box > button {
+ margin: 1px; }
+
+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(31, 31, 31, 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: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ 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: #000000;
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25); }
+ 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: #ffd45f;
+ background-image: image(#ffd86e);
+ box-shadow: none;
+ 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: #991212;
+ background-image: image(#a61414);
+ box-shadow: none;
+ 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: #fff3d4;
+ text-decoration: underline; }
+ button.link:visited,
+ link:visited {
+ color: #ffe6a1; }
+ *:selected button.link:visited, *:selected link:visited {
+ color: #665c40; }
+ button.link:hover,
+ link:hover {
+ color: white; }
+ *:selected button.link:hover, *:selected link:hover {
+ color: #1a1a1a; }
+ button.link:active,
+ link:active {
+ color: #fff3d4; }
+ *:selected button.link:active, *:selected link:active {
+ color: #33312a; }
+ button.link:disabled,
+ link:disabled {
+ color: rgba(234, 234, 234, 0.8); }
+ button.link:selected, *:selected button.link,
+ link:selected, *:selected link {
+ color: #33312a; }
+
+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(255, 216, 110, 0.7);
+ 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: #d6d6d4;
+ background-image: none;
+ border-style: none none none solid;
+ border-color: rgba(31, 31, 31, 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: black; }
+ spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
+ color: rgba(125, 125, 124, 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 4px 4px 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: 4px 0 0 4px; }
+ .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: white;
+ border-style: none none none solid;
+ border-color: rgba(0, 0, 0, 0.7);
+ border-radius: 0;
+ box-shadow: none;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl),
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) {
+ border-style: none solid none none; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover,
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: white;
+ border-color: rgba(0, 0, 0, 0.5);
+ background-color: #1a1c23;
+ -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: #97999f;
+ 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 4px 4px 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: 4px 0 0 4px; }
+ spinbutton.vertical:disabled {
+ color: #7d7d7c; }
+ spinbutton.vertical:drop(active) {
+ border-color: transparent;
+ box-shadow: none; }
+ spinbutton.vertical > text {
+ min-height: 32px;
+ min-width: 32px;
+ padding: 0;
+ border-radius: 0; }
+ spinbutton.vertical > text > selection {
+ background-color: rgba(183, 183, 183, 0.5);
+ color: transparent; }
+ spinbutton.vertical > text > selection:focus-within {
+ background-color: #ffd86e;
+ color: #000000; }
+ spinbutton.vertical > text > block-cursor {
+ color: black;
+ 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: white;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box; }
+ .osd spinbutton.vertical > button:first-child:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box; }
+ .osd spinbutton.vertical > button:first-child:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd spinbutton.vertical > button:first-child:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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 > button > box > stack > row.activatable:hover {
+ background: none;
+ box-shadow: 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 {
+ margin: 8px 0; }
+ dropdown popover listview > row.activatable,
+ combobox popover listview > row.activatable {
+ padding: 8px; }
+ dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover,
+ combobox popover listview > row.activatable:selected,
+ combobox popover listview > row.activatable:selected:hover {
+ outline-color: rgba(255, 255, 255, 0.3);
+ color: white;
+ background-color: #181818;
+ box-shadow: none; }
+ dropdown popover .dropdown-searchbar,
+ combobox popover .dropdown-searchbar {
+ padding: 6px;
+ border-bottom: 1px solid #1f1f1f; }
+
+/************
+ * Toolbars *
+ ************/
+searchbar > revealer > box, .toolbar {
+ padding: 4px;
+ border-spacing: 4px;
+ background-color: #0d0d0d; }
+
+.osd .toolbar {
+ background-color: transparent; }
+
+.toolbar.osd {
+ padding: 13px;
+ border: none;
+ border-radius: 5px;
+ background-color: #303340; }
+ .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
+ border-radius: 0; }
+
+.toolbar.horizontal > separator {
+ margin: 4px 0; }
+
+.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: #1f1f1f;
+ background-color: #121212; }
+ searchbar > revealer > box:backdrop {
+ border-color: #1f1f1f;
+ background-color: #131313;
+ box-shadow: none;
+ transition: 200ms ease-out; }
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+ padding: 8px;
+ border-spacing: 12px; }
+
+infobar.action:hover > revealer > box {
+ background-color: black; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box {
+ border-bottom: 1px solid #2b2b2b;
+ background-color: black; }
+
+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: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+
+/*****************
+ * 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: 9999px;
+ padding: 6px;
+ margin: 0 2px;
+ min-width: 0;
+ min-height: 0; }
+ windowcontrols button:hover {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.8); }
+ windowcontrols button:active, windowcontrols button:checked {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.8); }
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar:not(headerbar),
+headerbar {
+ padding: 0 6px;
+ min-height: 46px;
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: black;
+ border-radius: 0;
+ background: black linear-gradient(to top, black, #030303);
+ /* Darken switchbuttons for headerbars. issue #1588 */ }
+ .titlebar:backdrop:not(headerbar),
+ headerbar:backdrop {
+ border-color: #1f1f1f;
+ background-color: #0d0d0d;
+ 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(black);
+ border-color: #171717;
+ border-top-color: #0a0a0a; }
+ .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: #000000;
+ border-color: #ffd86e;
+ background-image: image(#cfaf5b);
+ 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; }
+
+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: #1f1f1f; }
+
+window.devel headerbar.titlebar {
+ background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 216, 110, 0.2)), linear-gradient(to top, black, black 3px, #0f0f0f); }
+ window.devel headerbar.titlebar:backdrop {
+ background: #0d0d0d cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#0d0d0d);
+ /* 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: #30302f;
+ border-top-color: #30302f;
+ 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(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ columnview.view:selected:focus, columnview.view:selected,
+ treeview.view:selected:focus,
+ treeview.view:selected {
+ border-radius: 0;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ columnview.view:disabled,
+ treeview.view:disabled {
+ color: #7d7d7c; }
+ columnview.view:disabled:selected,
+ treeview.view:disabled:selected {
+ color: #998242; }
+ columnview.view:disabled:selected:backdrop,
+ treeview.view:disabled:selected:backdrop {
+ color: #f0d58b; }
+ columnview.view.separator,
+ treeview.view.separator {
+ min-height: 2px;
+ color: #30302f; }
+ columnview.view:backdrop,
+ treeview.view:backdrop {
+ border-left-color: #191919;
+ border-top: #191919; }
+ 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: #d49b00; }
+ 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: #b3b3b3; }
+ 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: #4d4121; }
+ columnview.view.expander:selected:hover,
+ treeview.view.expander:selected:hover {
+ color: #000000; }
+ columnview.view.expander:checked,
+ treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ columnview.view.progressbar,
+ treeview.view.progressbar {
+ background-color: #ffd86e;
+ background-image: image(#ffd86e);
+ 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(black); }
+ columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop,
+ treeview.view.progressbar:selected:focus:backdrop,
+ treeview.view.progressbar:selected:backdrop {
+ background-color: #030303; }
+ 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: #ffca3b; }
+ columnview.view > header > button,
+ treeview.view > header > button {
+ color: #777776;
+ background-color: black;
+ font-weight: bold;
+ text-shadow: none;
+ box-shadow: none; }
+ columnview.view > header > button:hover,
+ treeview.view > header > button:hover {
+ color: #b3b3b1;
+ 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: black;
+ background-image: none;
+ background-color: #ffd86e;
+ border-style: none;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 1px black;
+ text-shadow: none;
+ transition: none; }
+ columnview.view acceleditor > label,
+ treeview.view acceleditor > label {
+ background-color: #ffd86e; }
+
+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: #30302f;
+ border-radius: 0;
+ text-shadow: none; }
+ columnview.view > header > button:disabled,
+ treeview.view > header > button:disabled {
+ border-color: #0d0d0d;
+ 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: #0f0f0f;
+ 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: 8px; }
+ 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: #191919;
+ 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: black; }
+
+/**********************
+ * 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(#181818); }
+ 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: #181818;
+ border-color: #181818; }
+ popover.menu > arrow, popover.menu.background > contents {
+ background-color: #0f0f0f;
+ 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: #1f1f1f; }
+ popover.menu radio:active {
+ border-color: rgba(31, 31, 31, 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: #181818; }
+ popover.menu modelbutton:selected:active {
+ background-color: black; }
+ 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 #ffd86e;
+ color: #fff3d4; }
+ menubar > item:disabled {
+ color: #7d7d7c;
+ 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: 8px; }
+
+/*************
+ * 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: rgba(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ notebook > header {
+ padding: 1px;
+ border-color: #1f1f1f;
+ border-width: 1px;
+ background-color: #131313; }
+ 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 #1f1f1f; }
+ notebook > header.top > tabs > tab:checked {
+ box-shadow: inset 0 -4px #ffd86e; }
+ 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 #1f1f1f; }
+ notebook > header.bottom > tabs > tab:checked {
+ box-shadow: inset 0 4px #ffd86e; }
+ 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 #1f1f1f; }
+ notebook > header.left > tabs > tab:checked {
+ box-shadow: inset -4px 0 #ffd86e; }
+ 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 #1f1f1f; }
+ notebook > header.right > tabs > tab:checked {
+ box-shadow: inset 4px 0 #ffd86e; }
+ 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;
+ color: #eeeeec;
+ font-weight: normal;
+ border-width: 1px;
+ border-color: transparent; }
+ notebook > header > tabs > tab:hover {
+ color: #eeeeec;
+ background-color: #090909; }
+ notebook > header > tabs > tab:hover.reorderable-page {
+ border-color: rgba(31, 31, 31, 0.3);
+ background-color: rgba(13, 13, 13, 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(31, 31, 31, 0.5);
+ background-color: rgba(13, 13, 13, 0.5); }
+ notebook > header > tabs > tab:checked.reorderable-page:hover {
+ background-color: rgba(13, 13, 13, 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: black; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ background-color: black;
+ transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scrollbar.top {
+ border-bottom: 1px solid #1f1f1f; }
+ scrollbar.bottom {
+ border-top: 1px solid #1f1f1f; }
+ scrollbar.left {
+ border-right: 1px solid #1f1f1f; }
+ scrollbar.right {
+ border-left: 1px solid #1f1f1f; }
+ 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: #949493;
+ transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scrollbar > range > trough > slider:hover {
+ background-color: #c1c1bf; }
+ scrollbar > range > trough > slider:hover:active {
+ background-color: #ffd86e; }
+ 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 #1f1f1f;
+ margin-top: -1px; }
+
+/**********
+ * Switch *
+ **********/
+switch {
+ font-weight: bold;
+ font-size: smaller;
+ border: 1px solid #1f1f1f;
+ border-radius: 14px;
+ color: #eeeeec;
+ background-color: #131313;
+ 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: rgba(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: 0; }
+ headerbar switch {
+ background-color: black; }
+ switch:checked {
+ color: #000000;
+ border-color: #d49b00;
+ background-color: #ffd86e; }
+ switch:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-color: #080808;
+ text-shadow: none; }
+ switch > slider {
+ color: #eeeeec;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ margin: -1px;
+ min-width: 24px;
+ min-height: 24px;
+ border: 1px solid;
+ border-color: #1f1f1f;
+ 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: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ switch:checked > slider {
+ border: 1px solid #d49b00; }
+ switch:disabled > slider {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ 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: #ffd86e;
+ 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: #ffd86e;
+ 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: #ffd86e;
+ 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: #b7b7b7;
+ 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: white;
+ background-color: #ffd86e;
+ 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: white;
+ background-color: #ffd86e;
+ 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: white;
+ background-color: #ffd86e;
+ 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(255, 255, 255, 0.8);
+ background-color: #b7b7b7;
+ 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: 4px;
+ 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(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ checkbutton.text-button {
+ padding: 4px; }
+
+check,
+radio {
+ min-height: 14px;
+ min-width: 14px;
+ border: 1px solid;
+ -gtk-icon-source: none; }
+ check,
+ radio {
+ background-clip: padding-box;
+ background-image: linear-gradient(to bottom, #1a1a1a 20%, #0d0d0d 90%);
+ border-color: black;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #000000; }
+ check:hover,
+ radio:hover {
+ background-image: linear-gradient(to bottom, #242424 10%, #171717 90%); }
+ check:active,
+ radio:active {
+ box-shadow: inset 0 1px black;
+ background-image: image(black); }
+ check:disabled,
+ radio:disabled {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.7); }
+ check:checked,
+ radio:checked {
+ background-clip: border-box;
+ background-image: linear-gradient(to bottom, #ffdf88 20%, #ffd86e 90%);
+ border-color: #a17600;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #000000; }
+ check:checked:hover,
+ radio:checked:hover {
+ background-image: linear-gradient(to bottom, #ffe49c 10%, #ffdd82 90%); }
+ check:checked:active,
+ radio:checked:active {
+ box-shadow: inset 0 1px black;
+ background-image: image(#ffd155); }
+ check:checked:disabled,
+ radio:checked:disabled {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.7); }
+ check:indeterminate,
+ radio:indeterminate {
+ background-clip: border-box;
+ background-image: linear-gradient(to bottom, #ffdf88 20%, #ffd86e 90%);
+ border-color: #a17600;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #000000; }
+ check:indeterminate:hover,
+ radio:indeterminate:hover {
+ background-image: linear-gradient(to bottom, #ffe49c 10%, #ffdd82 90%); }
+ check:indeterminate:active,
+ radio:indeterminate:active {
+ box-shadow: inset 0 1px black;
+ background-image: image(#ffd155); }
+ check:indeterminate:disabled,
+ radio:indeterminate:disabled {
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.7); }
+ .osd check, .osd radio {
+ color: white;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box; }
+ .osd check:hover, .osd radio:hover {
+ color: white;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box; }
+ .osd check:active, .osd radio:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd check:disabled, .osd radio:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 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: #000000; }
+
+/************
+ * GtkScale *
+ ************/
+progressbar > trough, scale > trough > fill, scale > trough {
+ border: 1px solid #131313;
+ border-radius: 3px;
+ background-color: #131313; }
+ headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough {
+ background-color: black; }
+ progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
+ background-color: #080808;
+ border-color: #1f1f1f; }
+ row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #d49b00; }
+ .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough {
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled {
+ background-color: rgba(68, 72, 83, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight {
+ border: 1px solid #ffd86e;
+ border-radius: 3px;
+ background-color: #ffd86e; }
+ 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: #d49b00; }
+ .osd progressbar > trough > progress, .osd scale > trough > highlight {
+ border-color: black; }
+ .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: rgba(255, 216, 110, 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 > 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: #404040; }
+ .osd scale > trough > fill:disabled {
+ border-color: transparent;
+ background-color: transparent; }
+ scale > trough > slider {
+ color: #eeeeec;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ 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: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ scale > trough > slider:active {
+ border-color: #d49b00; }
+ scale > trough > slider:disabled {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#080808);
+ box-shadow: none; }
+ row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
+ border-color: #d49b00; }
+ .osd scale > trough > slider {
+ color: white;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ border-color: black;
+ background-color: #303340; }
+ .osd scale > trough > slider:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box;
+ background-color: #303340; }
+ .osd scale > trough > slider:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none;
+ background-color: #303340; }
+ .osd scale > trough > slider:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ background-color: #303340; }
+ 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(#1f1f1f);
+ 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: #7d7d7c;
+ border-color: #7d7d7c; }
+ 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: #fd7d00;
+ background-color: #fd7d00; }
+ levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
+ border-color: #ffd86e;
+ background-color: #ffd86e; }
+ levelbar > trough > block.full {
+ border-color: #308e63;
+ background-color: #308e63; }
+ levelbar > trough > block.empty {
+ background-color: black;
+ border-color: black; }
+
+/****************
+ * 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 #1f1f1f; }
+
+window.dialog.print .dialog-action-box {
+ margin: 12px; }
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid #1f1f1f; }
+
+frame {
+ border-radius: 7px; }
+ frame > label {
+ margin: 4px; }
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid #1f1f1f; }
+ actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end {
+ border-spacing: 6px; }
+
+scrolledwindow > overshoot.top {
+ background-image: radial-gradient(farthest-side at top, #050505 85%, rgba(5, 5, 5, 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, #050505 85%, rgba(5, 5, 5, 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, #050505 85%, rgba(5, 5, 5, 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, #050505 85%, rgba(5, 5, 5, 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: #1f1f1f, linear-gradient(to bottom, transparent 1px, black 1px), linear-gradient(to right, transparent 1px, black 1px); }
+ scrolledwindow > junction:dir(rtl) {
+ background: #1f1f1f, linear-gradient(to bottom, transparent 1px, black 1px), linear-gradient(to left, transparent 1px, black 1px); }
+
+separator {
+ background: #2b2b2b;
+ min-width: 1px;
+ min-height: 1px; }
+
+/*********
+ * Lists *
+ *********/
+listview,
+list {
+ color: white;
+ background-color: black;
+ border-color: #1f1f1f; }
+ listview:backdrop,
+ list:backdrop {
+ color: #cdcdcd;
+ background-color: #030303;
+ border-color: #1f1f1f; }
+ 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 #30302f; }
+ 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 #30302f; }
+
+row {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ row {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ row:focus:focus-visible {
+ outline-color: rgba(255, 216, 110, 0.7);
+ 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: #fdda7b; }
+ 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: #30302f; }
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+
+treeexpander {
+ border-spacing: 4px; }
+
+/********************************************************
+ * Data Tables *
+ * treeview like tables with individual focusable cells *
+ * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 *
+ ********************************************************/
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid rgba(255, 216, 110, 0.7); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #ffd86e; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ background-color: rgba(183, 183, 183, 0.5);
+ color: transparent; }
+ columnview row:not(:selected) cell editablelabel.editing text selection:focus-within {
+ background-color: #ffd86e;
+ color: #000000; }
+
+/*******************************************************
+ * 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: #303340;
+ 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: #7d7d7c; }
+ 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(255, 216, 110, 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: 4px; }
+ 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 #1f1f1f;
+ font-feature-settings: "tnum"; }
+ calendar > header {
+ border-bottom: 1px solid #1f1f1f; }
+ 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 #1f1f1f; }
+ calendar > grid > label.today:selected {
+ box-shadow: none; }
+ calendar > grid > label:focus {
+ outline-color: rgba(255, 216, 110, 0.7);
+ outline-offset: -2px;
+ outline-width: 2px;
+ outline-style: solid; }
+ calendar > grid > label.day-number {
+ padding: 4px; }
+ calendar > grid > label.day-number:selected {
+ border-radius: 3px; }
+ calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor,0.3); }
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message .titlebar {
+ min-height: 20px;
+ background-image: none;
+ background-color: #0d0d0d;
+ 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: 8px;
+ border-bottom-right-radius: 8px; }
+
+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 #1f1f1f; }
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid #0d0d0d; }
+
+filechooserbutton > button > box {
+ border-spacing: 6px; }
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ background-color: #060606; }
+ .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid #1f1f1f;
+ border-left-style: none; }
+ .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid #1f1f1f;
+ 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: rgba(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px; }
+ stacksidebar row.needs-attention > label {
+ background-size: 6px 6px, 0 0; }
+ stacksidebar row:selected {
+ background-color: #181818;
+ border-radius: 5px;
+ color: #eeeeec; }
+ stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) {
+ background-color: #0b0b0b; }
+ stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active {
+ box-shadow: none; }
+
+separator.sidebar {
+ background-color: #1f1f1f; }
+
+/**********************
+ * 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: rgba(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ .navigation-sidebar > row:hover {
+ background-color: #0b0b0b; }
+ .navigation-sidebar > row:selected {
+ background-color: #181818;
+ color: inherit; }
+ .navigation-sidebar > row:selected:hover {
+ background-color: #0b0b0b; }
+ .navigation-sidebar > row:disabled {
+ color: #7d7d7c; }
+
+/****************
+ * 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(#19a187);
+ background-clip: content-box; }
+ placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+ color: #ffd86e; }
+ placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
+ color: #19a187;
+ box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; }
+ placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected {
+ color: #000000;
+ background-color: #19a187; }
+
+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(#1f1f1f);
+ background-size: 1px 1px; }
+ paned > separator:selected {
+ background-image: image(#ffd86e); }
+ paned > separator.wide {
+ min-width: 5px;
+ min-height: 5px;
+ background-color: #0d0d0d;
+ background-image: image(#1f1f1f), image(#1f1f1f);
+ 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: 7px;
+ 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: rgba(255, 216, 110, 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: #1f1f1f; }
+ colorswatch.light > overlay {
+ color: black; }
+ colorswatch.light.activatable:hover > overlay {
+ border-color: #1f1f1f; }
+ colorswatch:drop(active) {
+ box-shadow: none; }
+ colorswatch:drop(active).light > overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; }
+ colorswatch:drop(active).dark > overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #1f1f1f, inset 0 0 0 1px #19a187; }
+ colorswatch > overlay {
+ border: 1px solid #1f1f1f; }
+ 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: rgba(255, 216, 110, 0.7);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ colorswatch#add-color-button.activatable:hover > overlay {
+ color: #eeeeec;
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ 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 #000000; }
+ 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(255, 216, 110, 0.7);
+ outline-width: 2px;
+ outline-offset: 2px; }
+
+colorchooser .popover.osd {
+ border-radius: 5px; }
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: black; }
+ .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: #ffd86e; }
+ .content-view .tile:disabled {
+ background-color: #080808; }
+
+.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: 7px 7px 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: 7px;
+ 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 #1f1f1f;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 4px #1f1f1f, inset 0 0 0 3px rgba(13, 13, 13, 0.8), inset 0 1px rgba(238, 238, 236, 0.07); }
+ window.solid-csd:backdrop {
+ box-shadow: inset 0 0 0 4px #1f1f1f, inset 0 0 0 3px #0d0d0d, 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, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected,
+treeview.view:selected:focus,
+treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
+ background-color: #ffd86e; }
+ label:selected, .view:selected:focus, .view:selected,
+ textview > text:selected:focus,
+ textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected,
+ treeview.view:selected:focus,
+ treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
+ color: #000000; }
+ label:disabled > selection, label:disabled:selected, .view:disabled:selected,
+ textview > text:disabled:selected:focus,
+ textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected,
+ treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected {
+ color: #806c37; }
+
+.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-darkest.png"), url("assets/text-select-start-darkest@2.png")); }
+ cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-darkest.png"), url("assets/text-select-end-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-darkest@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-darkest.png"), url("assets/text-select-start-hover-darkest@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-darkest.png"), url("assets/text-select-end-hover-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-hover-darkest@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-darkest.png"), url("assets/text-select-start-active-darkest@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-darkest.png"), url("assets/text-select-end-active-darkest@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-darkest.png"), url("assets/slider-horz-scale-has-marks-above-active-darkest@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: black;
+ border: 1px solid;
+ border-color: #1f1f1f;
+ border-radius: 5px;
+ box-shadow: inset 0 -3px #121212;
+ font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus,
+:not(decoration):not(window):drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187;
+ caret-color: #19a187; }
+
+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 #1f1f1f; }
+
+.emoji-toolbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-top: 1px solid #1f1f1f; }
+
+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: #ffd86e; }
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ border-radius: 6px; }
+ popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: #ffd86e; }
+
+emoji-completion-row > box {
+ border-spacing: 10px;
+ padding: 2px 10px; }
+
+emoji-completion-row:focus,
+emoji-completion-row:hover {
+ background-color: #ffd86e;
+ color: #000000; }
+
+emoji-completion-row emoji:focus,
+emoji-completion-row emoji:hover {
+ background-color: #181818; }
+
+popover.entry-completion > contents {
+ padding: 0; }
+
+statusbar {
+ padding: 6px 10px 6px 10px; }
+
+menubutton > button > box {
+ border-spacing: 6px; }
+
+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"); }
+
+/**********
+ * Button *
+ **********/
+windowcontrols button, notebook > header > tabs > arrow,
+button {
+ padding: 2px 6px; }
+
+
+button:active,
+button:checked {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25); }
+
+ button:active:backdrop,
+ button:checked:backdrop {
+ box-shadow: none; }
+
+
+button.image-button {
+ padding-left: 2px;
+ padding-right: 2px; }
+
+
+button.circular {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 2px; }
+
+/**********
+ * Entry *
+ **********/
+spinbutton:not(.vertical), spinbutton.vertical > text,
+entry {
+ min-height: 28px; }
+
+headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text,
+headerbar entry {
+ background: black; }
+
+/**********
+ * Switch *
+ **********/
+switch:checked {
+ border-right-width: 0;
+ margin-right: 1px; }
+
+switch slider:checked {
+ border-color: #1f1f1f; }
+ switch slider:checked:backdrop:not(:disabled) {
+ border-color: #1f1f1f; }
+
+switch slider:disabled {
+ border-color: #1f1f1f; }
+
+/*************************
+ * Check and Radio items *
+ *************************/
+check, menu menuitem check, menu menuitem:hover check,
+radio, menu menuitem radio, menu menuitem:hover radio {
+ color: #eeeeec;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none; }
+ check:hover, menu menuitem check:hover, menu menuitem:hover check:hover,
+ radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover {
+ color: #eeeeec;
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate,
+ radio:disabled,
+ radio:disabled:checked,
+ radio:disabled:indeterminate,
+ radio:disabled:backdrop,
+ radio:disabled:backdrop:checked,
+ radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate {
+ border-color: #1f1f1f;
+ background-image: image(#0d0d0d);
+ color: #eeeeec; }
+
+check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
+radio:checked,
+radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate {
+ background-image: image(#ffd86e);
+ border-color: #ffd86e;
+ color: #0d0d0d; }
+ check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active,
+ radio:checked:active,
+ radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active {
+ box-shadow: none; }
+ check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
+ radio:checked:backdrop,
+ radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
+ background-image: image(#ffd86e);
+ color: #0d0d0d; }
+
+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; }
+
+/************
+ * GtkScale *
+ ************/
+/***************
+ * Header bars *
+ ***************/
+headerbar {
+ border: none;
+ background: rgba(13, 13, 13, 0.8);
+ box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
+ color: white; }
+ headerbar, headerbar:backdrop {
+ box-shadow: none;
+ background: rgba(13, 13, 13, 0.8); }
+
+.titlebar:not(headerbar),
+headerbar {
+ min-height: 40px; }
+ .titlebar:not(headerbar) .title,
+ headerbar .title {
+ font-weight: normal; }
+ .titlebar:not(headerbar) button,
+ .titlebar:not(headerbar) entry,
+ headerbar button,
+ headerbar entry {
+ border: none;
+ background: image(#1f1f1f); }
+ .titlebar:not(headerbar) button:disabled,
+ .titlebar:not(headerbar) entry:disabled,
+ headerbar button:disabled,
+ headerbar entry:disabled {
+ background: image(#030303); }
+ .titlebar:not(headerbar) button:backdrop,
+ headerbar button:backdrop {
+ background: image(#1f1f1f); }
+ .titlebar:not(headerbar) button:backdrop:disabled,
+ headerbar button:backdrop:disabled {
+ background: image(#030303); }
+ .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked,
+ .titlebar:not(headerbar) button.toggle:active,
+ .titlebar:not(headerbar) button.toggle:checked,
+ headerbar stackswitcher button:active,
+ headerbar stackswitcher button:checked,
+ headerbar button.toggle:active,
+ headerbar button.toggle:checked {
+ color: #000000;
+ border-color: #ffd86e;
+ background-image: linear-gradient(to right, #ffdb78, #ffd564);
+ box-shadow: 0 2px 4px rgba(255, 216, 110, 0.25); }
+ .titlebar:not(headerbar) windowcontrols,
+ headerbar windowcontrols {
+ margin: 0 5px; }
+ .titlebar:not(headerbar) windowcontrols.end,
+ headerbar windowcontrols.end {
+ margin-left: 11px; }
+ .titlebar:not(headerbar) windowcontrols.right,
+ headerbar windowcontrols.right {
+ margin-right: 11px; }
+ .titlebar:not(headerbar) windowcontrols button.minimize, .titlebar:not(headerbar) windowcontrols button.maximize, .titlebar:not(headerbar) windowcontrols button.close,
+ headerbar windowcontrols button.minimize,
+ headerbar windowcontrols button.maximize,
+ headerbar windowcontrols button.close {
+ color: transparent;
+ -gtk-icon-shadow: none;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 8px;
+ margin: 0;
+ padding: 0;
+ min-width: 0;
+ min-height: 0;
+ box-shadow: none;
+ border: none;
+ transition: all .2s; }
+ .titlebar:not(headerbar) windowcontrols button.minimize:backdrop, .titlebar:not(headerbar) windowcontrols button.maximize:backdrop, .titlebar:not(headerbar) windowcontrols button.close:backdrop,
+ headerbar windowcontrols button.minimize:backdrop,
+ headerbar windowcontrols button.maximize:backdrop,
+ headerbar windowcontrols button.close:backdrop {
+ background-color: #404040;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
+ .titlebar:not(headerbar) windowcontrols button.minimize,
+ headerbar windowcontrols button.minimize {
+ background-color: #fd7d00; }
+ .titlebar:not(headerbar) windowcontrols button.minimize:hover,
+ headerbar windowcontrols button.minimize:hover {
+ background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); }
+ .titlebar:not(headerbar) windowcontrols button.maximize,
+ headerbar windowcontrols button.maximize {
+ background-color: #377cf1; }
+ .titlebar:not(headerbar) windowcontrols button.maximize:hover,
+ headerbar windowcontrols button.maximize:hover {
+ background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); }
+ .titlebar:not(headerbar) windowcontrols button.close,
+ headerbar windowcontrols button.close {
+ background-color: #d31919; }
+ .titlebar:not(headerbar) windowcontrols button.close:hover,
+ headerbar windowcontrols button.close:hover {
+ background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); }
+
+headerbar entry,
+headerbar spinbutton,
+headerbar separator:not(.sidebar),
+headerbar button {
+ margin-top: 5px;
+ margin-bottom: 5px; }
+
+headerbar switch {
+ margin-top: 7px;
+ margin-bottom: 7px; }
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-top-color: #1f1f1f; }
+ treeview.view:backdrop {
+ border-top-color: #1f1f1f; }
+ treeview.view header button {
+ color: #eeeeec;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ margin-left: -1px; }
+ treeview.view header button:hover, treeview.view header button:active {
+ border-color: #1f1f1f; }
+ treeview.view header button:backdrop {
+ box-shadow: none; }
+
+/*************
+ * Notebooks *
+ *************/
+notebook > header {
+ border: 0;
+ padding: 0;
+ background-color: #131313; }
+ notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs {
+ margin: 0; }
+ notebook > header.top > tabs > tab,
+ notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab,
+ notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab,
+ notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab,
+ notebook > header.right > tabs > tab.reorderable-page {
+ border: 1px solid transparent; }
+ notebook > header.top > tabs > tab:hover:not(:backdrop),
+ notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop),
+ notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop),
+ notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop),
+ notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) {
+ color: #eeeeec;
+ border-color: #1f1f1f;
+ background-image: image(#303030);
+ box-shadow: none; }
+ notebook > header.top > tabs > tab:checked,
+ notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
+ notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked,
+ notebook > header.right > tabs > tab.reorderable-page:checked {
+ color: #eeeeec;
+ outline-color: rgba(255, 216, 110, 0.7);
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ background: image(black); }
+ notebook > header.top > tabs > tab:checked:backdrop,
+ notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
+ notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
+ notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
+ color: #7d7d7c;
+ border-color: #1f1f1f;
+ background-image: image(#1f1f1f);
+ box-shadow: none;
+ background: image(black); }
+ notebook > header.top {
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.top > tabs {
+ margin-bottom: -3px; }
+ notebook > header.top > tabs > tab {
+ margin: 3px 0;
+ border-radius: 4px 4px 0 0; }
+ notebook > header.top > tabs > tab:not(:checked) {
+ box-shadow: 4px 3px 0 -3px #1f1f1f; }
+ notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop {
+ border-bottom-color: black; }
+ notebook > header.bottom {
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.bottom > tabs {
+ margin-top: -3px; }
+ notebook > header.bottom > tabs > tab {
+ margin: 3px 0;
+ border-radius: 0 0 4px 4px; }
+ notebook > header.bottom > tabs > tab:not(:checked) {
+ box-shadow: 4px -3px 0 -3px #1f1f1f; }
+ notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop {
+ border-top-color: black; }
+ notebook > header.right {
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.right > tabs {
+ margin-left: -3px; }
+ notebook > header.right > tabs > tab {
+ margin: 0 3px;
+ border-radius: 0 4px 4px 0; }
+ notebook > header.right > tabs > tab:not(:checked) {
+ box-shadow: -3px 4px 0 -3px #1f1f1f; }
+ notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop {
+ border-left-color: black; }
+ notebook > header.left {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.left > tabs {
+ margin-right: -3px; }
+ notebook > header.left > tabs > tab {
+ margin: 0 3px;
+ border-radius: 4px 0 0 4px; }
+ notebook > header.left > tabs > tab:not(:checked) {
+ box-shadow: 3px 4px 0 -3px #1f1f1f; }
+ notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop {
+ border-right-color: black; }
+ notebook > header tab {
+ border-radius: 4px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ min-height: 24px; }
+ notebook > header tab button.flat {
+ margin-top: 1px;
+ margin-bottom: 1px; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar > range > trough > slider {
+ min-width: 6px;
+ min-height: 6px; }
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 3px;
+ min-height: 3px; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification,
+.app-notification.frame {
+ padding: 0 10px;
+ margin: 5px;
+ border-radius: 7px;
+ border: 1px solid rgba(31, 31, 31, 0.65);
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
+ background-image: none; }
+ .app-notification:backdrop,
+ .app-notification.frame:backdrop {
+ box-shadow: none; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+window.csd {
+ border-radius: 8px 8px 5px 5px;
+ border: 1px solid black;
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(31, 31, 31, 0.75); }
+ window.csd:backdrop {
+ box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75); }
+ window.csd.dialog.message, window.csd.popup {
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(31, 31, 31, 0.65);
+ border-width: 0; }
+ window.csd.background {
+ background: linear-gradient(to bottom, rgba(13, 13, 13, 0.8) 40px, #0d0d0d 40px); }
+ window.csd.background headerbar {
+ background: transparent; }
+
+window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
+ border-width: 0; }
+
+window.popup {
+ border-width: 0; }
+
+window.ssd {
+ box-shadow: 0 0 0 1px rgba(31, 31, 31, 0.75);
+ border-width: 0; }
+
+tooltip.csd {
+ border: 0; }
+
+/**********
+ * Entry *
+ **********/
+spinbutton:not(.vertical), spinbutton.vertical > text,
+entry {
+ background: black; }
+
+switch slider,
+scale slider {
+ background: #333333;
+ border-color: black; }
+
+/**********
+ * Switch *
+ **********/
+switch {
+ background: black; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+window.csd {
+ box-shadow: 0 2px 8px 0 black, 0 0 0 1px rgba(31, 31, 31, 0.75); }
+ window.csd:backdrop {
+ box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.75); }
+ window.csd.dialog.message, window.csd.popup {
+ box-shadow: 0 1px 6px black, 0 0 0 1px rgba(31, 31, 31, 0.75); }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+row label.subtitle {
+ font-size: smaller;
+ opacity: 0.55;
+ text-shadow: none; }
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 50px; }
+ row > box.header > box.title {
+ margin-top: 8px;
+ margin-bottom: 8px; }
+
+row.expander {
+ background-color: transparent; }
+ row.expander list.nested > row {
+ background-color: alpha(#0d0d0d, 0.5);
+ border-color: alpha(#1f1f1f, 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:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn); }
+ row.expander:not(:checked) image.expander-row-arrow {
+ opacity: 0.55;
+ text-shadow: none; }
+ 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: #ffd86e; }
+ row.expander image.expander-row-arrow:disabled {
+ color: #7d7d7c; }
+
+flap > dimming,
+deck > dimming,
+leaflet > dimming {
+ background: rgba(0, 0, 0, 0.24); }
+
+flap > border,
+deck > border,
+leaflet > border {
+ min-width: 1px;
+ min-height: 1px;
+ background: #1f1f1f; }
+
+flap > shadow,
+deck > shadow,
+leaflet > shadow {
+ min-width: 56px;
+ min-height: 56px; }
+ flap > shadow.left,
+ deck > 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,
+ deck > 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,
+ deck > 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,
+ deck > 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,
+deck > outline,
+leaflet > outline {
+ min-width: 1px;
+ min-height: 1px;
+ background: transparent; }
+
+avatar {
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px;
+ font-weight: bold; }
+ avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ 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; }
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px; }
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px; }
+ statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px; }
+
+window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp,
+preferencespage > scrolledwindow > viewport > clamp {
+ margin: 0 12px;
+ transition: margin-bottom 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp > list,
+ preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup {
+ transition: margin-top 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small,
+ preferencespage > scrolledwindow > viewport > clamp.small {
+ margin-bottom: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.small > list,
+ preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup {
+ margin-top: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium,
+ preferencespage > scrolledwindow > viewport > clamp.medium {
+ margin-bottom: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.medium > list,
+ preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup {
+ margin-top: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large,
+ preferencespage > scrolledwindow > viewport > clamp.large {
+ margin-bottom: 30px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.large > list,
+ preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup {
+ margin-top: 30px; }
+
+preferencesgroup > box > label:not(:first-child) {
+ margin-top: 6px; }
+
+preferencesgroup > box > box:not(:first-child) {
+ margin-top: 12px; }
+
+tabbar .tab-indicator:not(.clickable) {
+ background: none;
+ box-shadow: none;
+ border-color: transparent; }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+popover.combo list {
+ min-width: 200px; }
+
+window.csd.unified:not(.solid-csd) headerbar {
+ border-radius: 0; }
+
+.windowhandle, .windowhandle * {
+ -GtkWidget-window-dragging: true; }
+
+popover.combo {
+ padding: 0px; }
+ popover.combo list {
+ border-style: none;
+ background-color: transparent; }
+ popover.combo list > row {
+ padding: 0px 12px 0px 12px;
+ min-height: 50px; }
+ popover.combo list > row:not(:last-child) {
+ border-bottom: 1px solid alpha(#1f1f1f, 0.5); }
+ popover.combo list > row:first-child {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo list > 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; }
+ popover.combo overshoot.top {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo overshoot.bottom {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+ popover.combo scrollbar.vertical:dir(ltr) {
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical:dir(rtl) {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px; }
+
+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; }
+
+keypad .digit {
+ font-size: 200%;
+ font-weight: bold; }
+
+keypad .letters {
+ font-size: 70%; }
+
+keypad .symbol {
+ font-size: 160%; }
+
+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:not(:checked):not(:hover) {
+ background: transparent; }
+ viewswitcher button:not(:only-child):not(:last-child) {
+ border-right-width: 0px; }
+ viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) {
+ border-left-color: transparent; }
+ viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) {
+ border-right-color: transparent; }
+ viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: image(lighter(#0d0d0d)); }
+ viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: shade(#1f1f1f, 1.15); }
+ viewswitcher button:not(only-child):last-child:not(:checked):hover {
+ border-right-color: shade(#1f1f1f, 1.15); }
+ viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#0d0d0d); }
+ headerbar viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: linear-gradient(to top, shade(alpha(#0d0d0d, 0.7), 0.99) 2px, alpha(#0d0d0d, 0.7)); }
+ headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: #1f1f1f; }
+ headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover {
+ border-right-color: #1f1f1f; }
+ headerbar viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#0d0d0d); }
+ viewswitcher button > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px; }
+ viewswitcher button > stack > box.narrow image,
+ viewswitcher button > stack > box.narrow label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ viewswitcher button > stack > box.wide {
+ padding: 8px 12px; }
+ viewswitcher button > stack > box.wide label:dir(ltr) {
+ padding-right: 7px; }
+ viewswitcher button > stack > box.wide label:dir(rtl) {
+ padding-left: 7px; }
+ 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(#3584e4), 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:backdrop {
+ background-size: 6px 6px, 0 0; }
+ viewswitcher button.needs-attention > stack > box label:dir(rtl) {
+ background-position: left 0px, left 1px; }
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0; }
+
+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: mix(#0d0d0d, black, 0.5); }
+
+list.content list.nested > row:not(:active):hover.activatable:not(:selected) {
+ background-color: mix(#eeeeec, black, 0.95); }
+
+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: black; }
+
+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: mix(#eeeeec, black, 0.95); }
+
+list.content > row,
+list.content > row list > row {
+ border-color: alpha(#1f1f1f, 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; }
+
+button.list-button:not(:active):not(:checked):not(:hover) {
+ background: none;
+ border: 1px solid alpha(#1f1f1f, 0.5);
+ box-shadow: none; }
+
+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; }
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ color: rgba(238, 238, 236, 0.5); }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop {
+ color: rgba(125, 125, 124, 0.5); }
+
+tabbar .box {
+ min-height: 38px;
+ background: black;
+ border-bottom: 1px solid black; }
+ tabbar .box:backdrop {
+ background-color: black;
+ border-color: #1f1f1f; }
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid black; }
+
+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:backdrop undershoot {
+ border-color: #1f1f1f; }
+
+tabbar scrolledwindow.pinned tabbox:dir(ltr) {
+ padding-right: 1px;
+ box-shadow: inset -1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop {
+ box-shadow: inset -1px 0 #1f1f1f; }
+
+tabbar scrolledwindow.pinned tabbox:dir(rtl) {
+ padding-left: 1px;
+ box-shadow: inset 1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop {
+ box-shadow: inset 1px 0 #1f1f1f; }
+
+tabbar undershoot {
+ transition: none; }
+ tabbar undershoot.left {
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); }
+ tabbar undershoot.right {
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); }
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, rgba(255, 216, 110, 0.7), rgba(255, 216, 110, 0.5) 1px, rgba(255, 216, 110, 0) 20px); }
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, rgba(255, 216, 110, 0.7), rgba(255, 216, 110, 0.5) 1px, rgba(255, 216, 110, 0) 20px); }
+
+tabbar tab {
+ border-style: solid;
+ border-color: black;
+ border-width: 0 1px 0 1px;
+ transition: background 150ms ease-in-out;
+ background-color: black; }
+ tabbar tab:checked {
+ background-color: #0f0f0f; }
+ tabbar tab:checked:hover {
+ background-color: #171717; }
+ tabbar tab:hover {
+ background-color: #080808; }
+ tabbar tab:backdrop {
+ border-color: #1f1f1f;
+ background-color: black; }
+ tabbar tab:backdrop:checked {
+ background-color: #0d0d0d; }
+
+tabbar .start-action,
+tabbar .end-action {
+ background: black;
+ border-color: black;
+ border-style: solid;
+ transition: background 150ms ease-in-out; }
+ tabbar .start-action:backdrop,
+ tabbar .end-action:backdrop {
+ border-color: #1f1f1f;
+ background-color: black; }
+ 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: 26px;
+ background-color: #171717;
+ box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(31, 31, 31, 0.9), inset 0 1px rgba(238, 238, 236, 0.07);
+ margin: 25px; }
+
+tabbar tab,
+.tab-drag-icon tab {
+ padding: 6px; }
+ tabbar tab.needs-attention,
+ .tab-drag-icon tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(255, 216, 110, 0.2) 15%, rgba(255, 216, 110, 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: 24px;
+ min-height: 24px;
+ 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: alpha(#eeeeec, 0.15); }
+ 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: alpha(black, 0.2); }
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeec;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #0d0d0d;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color black;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #ffd86e;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #000000;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #080808;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #7d7d7c;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color black;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #7d7d7c;
+/*
+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 #0d0d0d;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #030303;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffd86e;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #000000;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #333333;
+/*
+widgets main borders color */
+@define-color borders #1f1f1f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #1f1f1f;
+/*
+these are pretty self explicative */
+@define-color warning_color #fd7d00;
+@define-color error_color #bf1717;
+@define-color success_color #308e63;
+/*
+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 #7d7d7c;
+@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(#0d0d0d, 1.2);
+@define-color wm_bg_b #0d0d0d;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#0d0d0d, 1.3);
+@define-color wm_button_hover_color_b #0d0d0d;
+@define-color wm_button_active_color_a shade(#0d0d0d, 0.85);
+@define-color wm_button_active_color_b shade(#0d0d0d, 0.89);
+@define-color wm_button_active_color_c shade(#0d0d0d, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg black;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg black;
+.open-document-selector-treeview:hover {
+ background-color: alpha(@theme_fg_color, 0.05);
+}
+
+.open-document-selector-treeview:selected:hover {
+ background-color: @theme_selected_bg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-name-label {
+ color: @theme_fg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-path-label {
+ color: @theme_unfocused_fg_color;
+ font-size: smaller;
+}
+
+/* Only normal state is handle */
+.open-document-selector-match {
+ color: shade (@theme_fg_color, 0.6);
+ background-color: alpha(@warning_color, 0.4);
+}
+
+.gedit-document-panel {
+ background-color: @sidebar_bg;
+}
+
+.gedit-document-panel:backdrop {
+ color: #b0b2b2;
+}
+
+.gedit-document-panel row:selected:backdrop {
+ background-color: #8b8e8f;
+}
+
+.gedit-document-panel-group-row,
+.gedit-document-panel-group-row:hover {
+ border-top: 1px solid alpha(currentColor, 0.3);
+}
+
+.gedit-document-panel-group-row:first-child,
+.gedit-document-panel-group-row:first-child:hover {
+ border-top: 0px;
+}
+
+/* Try to look as the notebook tab close button */
+.gedit-document-panel row button.flat {
+ padding: 0;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ min-width: 18px;
+ min-height: 18px;
+ color: alpha(currentColor,0.3);
+}
+
+.gedit-document-panel row:hover button.flat {
+ color: alpha(currentColor,0.5);
+}
+
+.gedit-document-panel row button.flat:hover {
+ color: @theme_fg_color;
+}
+
+statusbar {
+ border-top: 1px solid @borders;
+}
+
+.gedit-search-slider {
+ background-color: @theme_base_color;
+ padding: 6px;
+ border-color: @borders;
+ border-radius: 0 0 3px 3px;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+}
+
+.gedit-search-entry-occurrences-tag {
+ background-color: @theme_base_color;
+ background-image: none;
+ color: shade (@theme_unfocused_fg_color, 0.8);
+ border: 0px;
+ margin: 2px;
+ padding: 2px;
+}
+.nautilus-window,
+.nautilus-window notebook,
+.nautilus-window notebook > stack {
+ background: @theme_base_color;
+}
+
+.nautilus-empty-state-icon {
+ opacity: 0.50;
+}
+
+.nautilus-canvas-item {
+ border-radius: 5px;
+}
+
+.nautilus-canvas-item.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.nautilus-canvas-item.dim-label {
+ color: mix (@theme_fg_color, @theme_bg_color, 0.50);
+}
+
+.nautilus-canvas-item.dim-label:selected {
+ color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
+}
+
+/* Toolbar */
+
+/* Here we use the .button background-image colors from Adwaita, but ligthen them,
+ * since is not possible to use lighten () in common css. */
+@keyframes needs_attention_keyframes {
+ 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+ /* can't do animation-direction, so holding the color on two keyframes */
+ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: needs_attention_keyframes 2s ease-in-out;
+}
+.nautilus-operations-button-needs-attention-multiple {
+ animation: needs_attention_keyframes 3s ease-in-out;
+ animation-iteration-count: 3;
+}
+
+/* Remove white background and highlight on hover which GTK adds by default
+ * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
+.operations-list,
+.operations-list > :hover {
+ background: none;
+}
+
+.disclosure-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/* Path bar */
+
+.nautilus-path-bar scrolledwindow {
+ border-radius: 5px 0px 0px 5px;
+ border: 1px @borders solid;
+ border-right-width: 0px;
+ background-color: @theme_bg_color;
+}
+.nautilus-path-bar scrolledwindow undershoot.left {
+ border-radius: 5px 0px 0px 5px;
+ background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+.nautilus-path-bar scrolledwindow undershoot.right {
+ background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+
+.nautilus-path-bar > button,
+.path-buttons-box button {
+ margin: 0px;
+}
+
+.path-buttons-box button {
+ background-image: none;
+ box-shadow: none;
+ border-radius: 5px;
+ border-width: 0px;
+ -gtk-icon-shadow: none;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover {
+ background: alpha(@theme_fg_color, 0.15);
+ box-shadow: inset 0 0 0 2px @theme_bg_color;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover * {
+ opacity: 1;
+}
+
+/* Make the tags fit into the box */
+entry.search > * {
+ margin: 5px;
+}
+
+/* Sidebar */
+
+.nautilus-window .sidebar-row:selected {
+ background: mix(@theme_bg_color, @theme_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected,
+.nautilus-window .sidebar-row:selected image,
+.nautilus-window .sidebar-row:selected label {
+ color: mix(@theme_fg_color, @theme_text_color, 0.5);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop {
+ background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop,
+.nautilus-window .sidebar-row:selected:backdrop label {
+ color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
+}
+
+/* Floating status bar */
+.floating-bar {
+ padding: 1px;
+ background-color: @theme_base_color;
+ border-width: 1px;
+ border-style: solid solid none;
+ border-color: @borders;
+ border-radius: 8px 8px 0 0;
+}
+
+.floating-bar.bottom.left { /* axes left border and border radius */
+ border-left-style: none;
+ border-top-left-radius: 0;
+}
+.floating-bar.bottom.right { /* axes right border and border radius */
+ border-right-style: none;
+ border-top-right-radius: 0;
+}
+
+.floating-bar:backdrop {
+ background-color: @theme_unfocused_base_color;
+ border-color: @unfocused_borders;
+}
+
+.floating-bar button {
+ padding: 0px;
+}
+
+@define-color disk_space_unknown #888a85;
+@define-color disk_space_used #729fcf;
+@define-color disk_space_free #eeeeec;
+
+.disk-space-display {
+ border-style: solid;
+ border-width: 2px;
+}
+
+.disk-space-display.unknown {
+ background-color: @disk_space_unknown;
+ border-color: shade(@disk_space_unknown, 0.7);
+ color: @disk_space_unknown;
+}
+.disk-space-display.unknown.border {
+ color: shade(@disk_space_unknown, 0.7);
+}
+
+.disk-space-display.used {
+ background-color: @disk_space_used;
+ border-color: shade(@disk_space_used, 0.7);
+ color: @disk_space_used;
+}
+.disk-space-display.used.border {
+ color: shade(@disk_space_used, 0.7);
+}
+
+.disk-space-display.free {
+ background-color: @disk_space_free;
+ border-color: shade(@disk_space_free, 0.7);
+ color: @disk_space_free;
+}
+.disk-space-display.free.border {
+ color: shade(@disk_space_free, 0.7);
+}
+
+/* As a workaround for GtkTreeView showing thick border above first row when
+ * horizontal grid lines are enabled, we add them using CSS instead. Exclude the
+ * drop targets to let through the default feedback style. */
+.nautilus-list-view .view:not(:drop(active)) {
+ border-bottom: 1px solid @theme_bg_color;
+}
+
+.nautilus-list-view.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.search-information {
+ background-color: @theme_selected_bg_color;
+ color:white;
+ padding:2px;
+}
+
+@define-color conflict_bg #fef6b6;
+
+.conflict-row {
+ background: @conflict_bg;
+ color: black;
+}
+
+.conflict-row:hover {
+ background-color: shade(@conflict_bg, 0.9);
+}
+
+.conflict-row:selected {
+ background: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/* Icon view */
+flowbox {
+ padding: 18px
+}
+
+flowboxchild {
+ padding: 0px;
+}
+
+flowboxchild:selected {
+ background-color:transparent;
+ outline-color: transparent;
+}
+
+flowboxchild .thumbnail {
+ margin: 4px;
+ box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5),
+ 0px 0px 0px 1px alpha(@borders, 0.5),
+ 0px 2px 0px 0px alpha(@borders, 0.5);
+ border-radius: 2px;
+}
+
+.icon-ui-labels-box {
+ padding: 2px 4px;
+ border-radius: 4px;
+}
+
+flowboxchild:selected .icon-ui-labels-box {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color;
+}
+
+flowboxchild:selected image {
+ -gtk-icon-effect: dim; /* GTK 3 only */
+ /* GTK 4 TODO: Replace previous line with the following one:
+ -gtk-icon-filter: opacity(0.5);
+ */
+ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color;
+}
diff --git a/src/themes/Cyberpunk-Edge/index.theme b/src/themes/Cyberpunk-Edge/index.theme
new file mode 100644
index 00000000..b84599c9
--- /dev/null
+++ b/src/themes/Cyberpunk-Edge/index.theme
@@ -0,0 +1,13 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Flat-Remix-GTK-Yellow-Darkest
+Comment=Flat-Remix-GTK-Yellow-Darkest theme"
+Encoding=UTF-8
+
+
+[X-GNOME-Metatheme]
+GtkTheme=Flat-Remix-GTK-Yellow-Darkest
+MetacityTheme=Flat-Remix-Darkest-Metacity
+IconTheme=Flat-Remix-Yellow-Darkest
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close
diff --git a/src/themes/Decay-Green/cinnamon/assets/add-workspace-active.svg b/src/themes/Decay-Green/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 00000000..f90ea30b
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/add-workspace-hover.svg b/src/themes/Decay-Green/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 00000000..8a1d3516
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+
+
+
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/add-workspace.svg b/src/themes/Decay-Green/cinnamon/assets/add-workspace.svg
new file mode 100644
index 00000000..8dba5df9
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+
+
+
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/calendar-arrow-left.svg b/src/themes/Decay-Green/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..dcf8298b
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/calendar-arrow-right.svg b/src/themes/Decay-Green/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..ed66559d
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/checkbox-dark.svg b/src/themes/Decay-Green/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 00000000..d7d1529f
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/checkbox-off.svg b/src/themes/Decay-Green/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 00000000..b00efa63
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/checkbox.svg b/src/themes/Decay-Green/cinnamon/assets/checkbox.svg
new file mode 100644
index 00000000..7a4e2112
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/close-active.svg b/src/themes/Decay-Green/cinnamon/assets/close-active.svg
new file mode 100644
index 00000000..0dde2b9d
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/close-hover.svg b/src/themes/Decay-Green/cinnamon/assets/close-hover.svg
new file mode 100644
index 00000000..37f8806a
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/close.svg b/src/themes/Decay-Green/cinnamon/assets/close.svg
new file mode 100644
index 00000000..5dcc697b
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/corner-ripple.svg b/src/themes/Decay-Green/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 00000000..25f275e1
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/radiobutton-dark.svg b/src/themes/Decay-Green/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 00000000..0ac8c919
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/radiobutton-off.svg b/src/themes/Decay-Green/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 00000000..b00efa63
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/radiobutton.svg b/src/themes/Decay-Green/cinnamon/assets/radiobutton.svg
new file mode 100644
index 00000000..8a743eca
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/toggle-off.svg b/src/themes/Decay-Green/cinnamon/assets/toggle-off.svg
new file mode 100644
index 00000000..d19c3e68
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/toggle-on-dark.svg b/src/themes/Decay-Green/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..b9ebff23
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/toggle-on.svg b/src/themes/Decay-Green/cinnamon/assets/toggle-on.svg
new file mode 100644
index 00000000..edec9220
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/assets/trash-icon.svg b/src/themes/Decay-Green/cinnamon/assets/trash-icon.svg
new file mode 100644
index 00000000..d78a123e
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/themes/Decay-Green/cinnamon/cinnamon.css b/src/themes/Decay-Green/cinnamon/cinnamon.css
new file mode 100644
index 00000000..98b41a6b
--- /dev/null
+++ b/src/themes/Decay-Green/cinnamon/cinnamon.css
@@ -0,0 +1,2337 @@
+stage {
+ color: #eff1f5;
+}
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+ min-height: 24px;
+ padding: 5px 32px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+.sound-button:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:insensitive {
+ color: rgba(239, 241, 245, 0.5);
+ background-color: rgba(239, 241, 245, 0.04);
+ border-radius: 6px;
+}
+
+.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ border-radius: 6px;
+ color: rgba(239, 241, 245, 0.7);
+ background-color: transparent;
+}
+
+.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover,
+.calendar-today-home-button-enabled:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+ border-radius: 6px;
+}
+
+.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
+.calendar-today-home-button-enabled:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.3);
+ border-radius: 6px;
+}
+
+.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
+.calendar-today-home-button-enabled:insensitive {
+ color: rgba(239, 241, 245, 0.3);
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ min-height: 24px;
+ padding: 4px 20px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+ color: #8caaee;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: rgba(239, 241, 245, 0.3);
+ background-color: transparent;
+}
+
+#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
+ padding: 2px 8px;
+ min-height: 22px;
+ caret-size: 1px;
+ selection-background-color: #8caaee;
+ selected-color: rgba(17, 17, 27, 0.87);
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: #eff1f5;
+ border: 2px solid transparent;
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.04);
+ border: 2px solid #8caaee;
+}
+
+#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
+ border: 2px solid transparent;
+ background-color: rgba(239, 241, 245, 0.04);
+ color: rgba(239, 241, 245, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #e5c890;
+ padding: 0 4px;
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+ padding: 8px;
+}
+
+StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+ background-color: rgba(30, 30, 46, 0.1);
+ border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: #72727e;
+ border: 0px solid;
+ margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: #5d5d6a;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #8caaee;
+}
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 4px;
+ -slider-background-color: rgba(239, 241, 245, 0.12);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #8caaee;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 4px;
+ height: 18px;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px;
+ color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.check-box StLabel {
+ font-weight: normal;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox-dark.svg");
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none;
+}
+
+.radiobutton StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.radiobutton StBin, .radiobutton:focus StBin {
+ background-image: url("assets/radiobutton-off.svg");
+}
+
+.radiobutton:checked StBin, .radiobutton:focus:checked StBin {
+ background-image: url("assets/radiobutton-dark.svg");
+}
+
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-menu-item:active .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked {
+ background-image: url("assets/toggle-on-dark.svg");
+}
+
+.cinnamon-link {
+ color: #1e66f5;
+ text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+ color: #4f87f7;
+}
+
+#Tooltip {
+ border-radius: 9999px;
+ padding: 4px 8px;
+ background-color: rgba(11, 11, 18, 0.9);
+ color: #eff1f5;
+ margin: 4px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+ padding: 0;
+ color: #eff1f5;
+ background-color: #1e1e2e;
+ border-radius: 10px;
+ margin: 4px;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+ border-radius: 6px;
+ background-gradient-direction: none;
+ box-shadow: none;
+ background-color: #333342;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+ padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+ padding: 4px;
+ border-radius: 10px;
+ background-clip: padding-box;
+ background-color: #1e1e2e;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+ padding: 4px 8px;
+ spacing: 8px;
+ border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover, .menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+ color: rgba(239, 241, 245, 0.5);
+ background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(239, 241, 245, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(0, 0, 0, 0);
+ -arrow-border-width: 0;
+ -arrow-border-color: rgba(0, 0, 0, 0);
+ -arrow-base: 0;
+ -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+ padding: 4px;
+}
+
+.popup-combobox-item {
+ spacing: 1em;
+}
+
+.popup-separator-menu-item {
+ -gradient-height: 0;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ border-color: rgba(239, 241, 245, 0.12);
+ border-bottom-width: 0;
+ border-bottom-style: solid;
+ background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal;
+}
+
+.popup-device-menu-item {
+ spacing: .5em;
+}
+
+.popup-subtitle-menu-item {
+ font-weight: normal;
+}
+
+.nm-menu-item-icons {
+ spacing: .5em;
+}
+
+#panel {
+ font-weight: bold;
+ height: 32px;
+ width: 36px;
+}
+
+#panel:highlight {
+ border-image: none;
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+#panelLeft {
+ spacing: 4px;
+}
+
+#panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(231, 130, 132, 0.35);
+ background-gradient-end: rgba(231, 130, 132, 0.35);
+}
+
+#panelLeft:ltr {
+ padding-right: 4px;
+}
+
+#panelLeft:rtl {
+ padding-left: 4px;
+}
+
+#panelLeft.vertical {
+ padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(140, 170, 238, 0.35);
+ background-gradient-end: rgba(140, 170, 238, 0.35);
+}
+
+#panelRight:ltr {
+ padding-left: 4px;
+ spacing: 0px;
+}
+
+#panelRight:rtl {
+ padding-right: 4px;
+ spacing: 0px;
+}
+
+#panelRight.vertical {
+ padding: 0;
+}
+
+#panelRight.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelCenter {
+ spacing: 4px;
+}
+
+#panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(166, 209, 137, 0.35);
+ background-gradient-end: rgba(166, 209, 137, 0.35);
+}
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+ color: rgba(239, 241, 245, 0.7);
+ font-size: 1em;
+ padding: 0px;
+ background-color: rgba(17, 17, 27, 0.75);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover, .panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active, .panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active, .panel-left .panel-button:active,
+.panel-left .panel-status-button:active, .panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.panel-dummy {
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(231, 130, 132, 0.6);
+}
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ height: 22px;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ transition-duration: 100ms;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ background-color: rgba(11, 11, 18, 0.9);
+ border: 1px solid rgba(11, 11, 18, 0.9);
+ color: #eff1f5;
+ spacing: 25px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+}
+
+.window-caption#selected {
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+ border: 1px solid #8caaee;
+ spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+ height: 15px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.04);
+ border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+.expo-workspaces-name-entry#selected:focus {
+ border: 1px solid #8caaee;
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: rgba(17, 17, 27, 0.87);
+ selected-color: #8caaee;
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ border-radius: 6px;
+}
+
+.expo-workspace-thumbnail-frame#active {
+ border: 4px solid #8caaee;
+ background-color: black;
+ border-radius: 6px;
+}
+
+.expo-background {
+ background-color: #0b0b12;
+}
+
+.workspace-thumbnails {
+ spacing: 26px;
+}
+
+.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+ padding: 8px;
+}
+
+.workspace-add-button {
+ background-image: url("assets/add-workspace.svg");
+ height: 200px;
+ width: 35px;
+ transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+ background-image: url("assets/add-workspace-hover.svg");
+ transition-duration: 100;
+}
+
+.workspace-add-button:active {
+ background-image: url("assets/add-workspace-active.svg");
+ transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+ background-image: url("assets/close.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+ background-image: url("assets/close-hover.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+ background-image: url("assets/close-active.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+ outline: 2px solid red;
+ border: 1px solid green;
+}
+
+.window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+ background-image: url("assets/trash-icon.svg");
+ height: 120px;
+ width: 400px;
+}
+
+.about-content {
+ width: 550px;
+ height: 250px;
+ spacing: 8px;
+ padding-bottom: 10px;
+}
+
+.about-title {
+ font-size: 2em;
+ font-weight: bold;
+}
+
+.about-uuid {
+ font-size: 10px;
+ color: #888;
+}
+
+.about-icon {
+ padding-right: 20px;
+ padding-bottom: 14px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(239, 241, 245, 0.12);
+ border-radius: 6px;
+ background-color: #1e1e2e;
+ padding: 4px;
+ padding-right: 0;
+ border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+ padding-bottom: 16px;
+}
+
+.about-version {
+ padding-left: 7px;
+ font-size: 10px;
+ color: #888;
+}
+
+#LookingGlassDialog {
+ background-color: #1e1e2e;
+ spacing: 4px;
+ padding: 4px;
+ margin: 32px;
+ border-radius: 12px;
+ color: #eff1f5;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+ border: none;
+}
+
+.calendar-main-box {
+ margin: 0 4px;
+}
+
+.calendar {
+ padding: 4px 8px;
+ spacing-rows: 0px;
+ spacing-columns: 0px;
+}
+
+.calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ margin: 4px 0;
+ padding: 4px;
+}
+
+.calendar-today-day-label {
+ font-size: 1.75em;
+ color: rgba(239, 241, 245, 0.7);
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: .1em;
+}
+
+.calendar-today-date-label {
+ font-size: 1.1em;
+ color: rgba(239, 241, 245, 0.5);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-month-label {
+ color: #eff1f5;
+ font-weight: bold;
+ margin: 0 2px;
+ padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 24px;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus, .calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+ background-color: rgba(239, 241, 245, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+ background-color: rgba(239, 241, 245, 0.25);
+}
+
+.calendar-change-month-back {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.datemenu-date-label {
+ padding: .4em 1.75em;
+ font-weight: normal;
+ text-align: center;
+ font-size: 14px;
+ color: #eff1f5;
+ border-radius: 6px;
+}
+
+.calendar-day-base {
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+}
+
+.calendar-day-base:hover {
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+.calendar-day-base:active {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.calendar-day-heading {
+ color: rgba(239, 241, 245, 0.7);
+ margin-top: 1em;
+}
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: #eff1f5;
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #8caaee;
+ border-width: 0;
+}
+
+.calendar-other-month-day {
+ color: rgba(239, 241, 245, 0.7);
+ opacity: 1;
+}
+
+.calendar-week-number {
+ width: 20px;
+ height: 20px;
+ margin: 6px 0;
+ color: rgba(239, 241, 245, 0.3);
+ font-weight: bold;
+ background-color: rgba(239, 241, 245, 0.04);
+ border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+ padding: 0;
+ margin-top: 3px;
+}
+
+.calendar-events-main-box {
+ height: 300px;
+ margin: 6px 0.8em 0 0;
+ padding: 6px;
+ min-width: 350px;
+ border: none;
+ border-radius: 6px;
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(239, 241, 245, 0.04);
+ background-gradient-end: rgba(239, 241, 245, 0.04);
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.calendar-events-no-events-button {
+ margin: 4px 0;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.calendar-events-no-events-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(239, 241, 245, 0.04);
+ background-gradient-end: rgba(239, 241, 245, 0.04);
+ box-shadow: none;
+}
+
+.calendar-events-no-events-icon {
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.calendar-events-no-events-label {
+ font-size: 1.1em;
+ color: rgba(239, 241, 245, 0.5);
+ font-weight: bold;
+ text-align: center;
+ margin-top: 6px;
+}
+
+.calendar-events-date-label {
+ padding: 2px 0 8px 2px;
+ font-size: 1.1em;
+ color: rgba(239, 241, 245, 0.7);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-events-event-container {
+ padding: 2px;
+}
+
+.calendar-events-main-box .separator {
+ -margin-horizontal: 1em;
+ -gradient-height: 1px;
+ -gradient-start: rgba(239, 241, 245, 0);
+ -gradient-end: rgba(239, 241, 245, 0);
+}
+
+.calendar-event-button {
+ margin: 4px 0 4px 0;
+ border-radius: 6px;
+}
+
+.calendar-event-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(239, 241, 245, 0.04);
+ background-gradient-end: rgba(239, 241, 245, 0.04);
+ box-shadow: none;
+}
+
+.calendar-event-color-strip {
+ width: 4px;
+ border-radius: 4px 0 0 4px;
+}
+
+.calendar-event-row-content {
+ margin: 4px;
+}
+
+.calendar-event-time-past {
+ color: rgba(239, 241, 245, 0.3);
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present:all-day {
+ color: rgba(166, 209, 137, 0.6);
+}
+
+.calendar-event-time-future {
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown {
+ color: rgba(239, 241, 245, 0.5);
+ font-weight: bold;
+ text-align: right;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown:soon {
+ color: white;
+}
+
+.calendar-event-countdown:imminent {
+ color: rgba(229, 200, 144, 0.6);
+}
+
+.calendar-event-countdown:current {
+ color: rgba(166, 209, 137, 0.6);
+}
+
+.calendar-event-summary {
+ color: rgba(239, 241, 245, 0.5);
+ text-align: left;
+ width: 200px;
+}
+
+#notification {
+ border-radius: 12px;
+ padding: 8px;
+ spacing-rows: 6px;
+ spacing-columns: 6px;
+ margin-from-right-edge-of-screen: 12px;
+ width: 28em;
+ color: #eff1f5;
+ background-color: rgba(30, 30, 46, 0.8);
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button, #notification .notification-icon-button {
+ padding: 4px;
+}
+
+.menu #notification, .popup-menu #notification {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(239, 241, 245, 0.05);
+ box-shadow: none;
+ margin: 0;
+}
+
+.menu #notification:hover, .popup-menu #notification:hover {
+ background-color: rgba(239, 241, 245, 0.1);
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
+ color: #eff1f5;
+}
+
+.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 4px;
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 8px;
+ color: #eff1f5;
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 4px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 4px;
+}
+
+#notification-body {
+ spacing: 4px;
+}
+
+#notification-actions {
+ spacing: 6px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: #eff1f5;
+}
+
+.notification-button, .notification-icon-button {
+ padding: 4px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: #eff1f5;
+ background-color: #1e1e2e;
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #8caaee;
+}
+
+.switcher-list .item-box:selected {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #8caaee;
+ border: 0px solid #8caaee;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #eff1f5;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.modal-dialog {
+ color: #eff1f5;
+ background-color: rgba(5, 5, 8, 0.95);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 4px 8px;
+ background-color: rgba(11, 11, 18, 0.9);
+ border-radius: 6px;
+ color: #eff1f5;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #eff1f5;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #e78284;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 2px 8px;
+ border-radius: 6px;
+ caret-color: #eff1f5;
+ selected-color: rgba(17, 17, 27, 0.87);
+ selection-background-color: #8caaee;
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.04);
+ border: 2px solid #8caaee;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #e5c890;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(11, 11, 18, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.keyboard-key:active, .keyboard-key:checked {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(239, 241, 245, 0.3);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #eff1f5;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(11, 11, 18, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 4px;
+ padding: 4px;
+ transition-duration: 300;
+ background-color: rgba(239, 241, 245, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 6px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(239, 241, 245, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 6px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 6px;
+}
+
+.menu-categories-box {
+ padding: 6px 20px;
+}
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 6px 6px 0 6px;
+}
+
+.menu-application-button {
+ padding: 4px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+ padding: 4px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 4px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 4px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 2px 0;
+ border-radius: 6px;
+ background-color: #333342;
+ color: #eff1f5;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 2px;
+ border-radius: 6px;
+ color: #eff1f5;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 4px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 4px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 4px 0 4px 4px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 4px 4px 4px 0;
+}
+
+.menu-category-button {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 4px;
+}
+
+.menu-category-button-hover, .menu-category-button-selected {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 4px;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 4px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 4px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 4px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: #eff1f5;
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: #eff1f5;
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(17, 17, 27, 0.75);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(239, 241, 245, 0.7);
+ border-radius: 0;
+ background-color: rgba(17, 17, 27, 0.75);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #8caaee;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #8caaee;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(239, 241, 245, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 4px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 4px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 4px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 4px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(239, 241, 245, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(239, 241, 245, 0.15);
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
+ color: rgba(239, 241, 245, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(239, 241, 245, 0.25);
+ border-color: rgba(239, 241, 245, 0.3);
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(239, 241, 245, 0.7);
+ background-gradient-direction: none;
+ background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(239, 241, 245, 0.7) 0%, rgba(239, 241, 245, 0.7) 100%);
+ border-color: #8caaee;
+ background-color: rgba(239, 241, 245, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a6d189;
+ background-gradient-end: #a6d189;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #e5c890;
+ background-gradient-end: #e5c890;
+}
+
+.window-list-preview {
+ padding: 4px;
+ spacing: 4px;
+ border: none;
+ background-color: #1e1e2e;
+ border-radius: 6px;
+ color: #eff1f5;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 4px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 4px;
+ border-radius: 6px;
+ spacing: 4px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(239, 241, 245, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(239, 241, 245, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: rgba(17, 17, 27, 0.87);
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #8caaee;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(239, 241, 245, 0.6);
+ border-radius: 0;
+ spacing: 4px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(239, 241, 245, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(239, 241, 245, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(239, 241, 245, 0.7);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(239, 241, 245, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(239, 241, 245, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(239, 241, 245, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(239, 241, 245, 0.2);
+ border-color: #8caaee;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a6d189;
+ background-gradient-end: #a6d189;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #e5c890;
+ background-gradient-end: #e5c890;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: #333342;
+ color: #eff1f5;
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 8px 12px;
+ spacing: 4px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #eff1f5;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 4px 4px;
+ color: #eff1f5;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 4px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(0, 0, 0, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: #14141f;
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #8caaee;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(239, 241, 245, 0.7);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined, .workspace-button:outlined:hover {
+ color: #8caaee;
+}
+
+.workspace-button:hover {
+ color: #b8cbf5;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #8caaee;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(47, 47, 74, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(47, 47, 74, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(56, 56, 90, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(27, 27, 43, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(239, 241, 245, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(239, 241, 245, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(239, 241, 245, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(239, 241, 245, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 2px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(239, 241, 245, 0.12);
+}
+
+.applet-box {
+ padding: 0 4px;
+ color: rgba(239, 241, 245, 0.7);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 4px 0;
+}
+
+.applet-box:hover {
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+.applet-box:checked, .applet-box:checked:hover {
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(239, 241, 245, 0.7);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(239, 241, 245, 0.7);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(239, 241, 245, 0.7);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: #eff1f5;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #eff1f5;
+}
+
+.desklet:highlight {
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+.desklet-with-borders {
+ color: #eff1f5;
+ background-color: rgba(11, 11, 18, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #eff1f5;
+ background-color: rgba(11, 11, 18, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(231, 130, 132, 0.5);
+}
+
+.desklet-header {
+ color: #eff1f5;
+ background-color: rgba(11, 11, 18, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #8caaee;
+ background-color: rgba(140, 170, 238, 0.3);
+}
+
+.photoframe-box {
+ color: #eff1f5;
+ background-color: rgba(11, 11, 18, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: .5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview, .tile-preview.snap,
+.tile-hud, .tile-hud.snap {
+ background-color: rgba(140, 170, 238, 0.3);
+ border: 1px solid #8caaee;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/src/themes/Decay-Green/cinnamon/thumbnail.png b/src/themes/Decay-Green/cinnamon/thumbnail.png
new file mode 100644
index 00000000..944e2b11
Binary files /dev/null and b/src/themes/Decay-Green/cinnamon/thumbnail.png differ
diff --git a/src/themes/Decay-Green/gnome-shell/assets/calendar-arrow-left.svg b/src/themes/Decay-Green/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..ec8b4783
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/calendar-arrow-right.svg b/src/themes/Decay-Green/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..6fc5556f
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/calendar-today.svg b/src/themes/Decay-Green/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 00000000..5e77084c
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+
+
+
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/checkbox-dark.svg b/src/themes/Decay-Green/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 00000000..d7d1529f
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/checkbox-off-active.svg b/src/themes/Decay-Green/gnome-shell/assets/checkbox-off-active.svg
new file mode 100644
index 00000000..9cfdefd9
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/checkbox-off-active.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/checkbox-off-hover.svg b/src/themes/Decay-Green/gnome-shell/assets/checkbox-off-hover.svg
new file mode 100644
index 00000000..ef5123a1
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/checkbox-off-hover.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/checkbox-off.svg b/src/themes/Decay-Green/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 00000000..b00efa63
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/checkbox.svg b/src/themes/Decay-Green/gnome-shell/assets/checkbox.svg
new file mode 100644
index 00000000..7a4e2112
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/dash-placeholder.svg b/src/themes/Decay-Green/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 00000000..172156ae
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/no-events.svg b/src/themes/Decay-Green/gnome-shell/assets/no-events.svg
new file mode 100644
index 00000000..239177d1
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/no-notifications.svg b/src/themes/Decay-Green/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 00000000..ae09f92c
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/noise-texture.svg b/src/themes/Decay-Green/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 00000000..484f6c87
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/process-working.svg b/src/themes/Decay-Green/gnome-shell/assets/process-working.svg
new file mode 100644
index 00000000..0f311b0b
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/process-working.svg
@@ -0,0 +1,72 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/toggle-off-dark.svg b/src/themes/Decay-Green/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 00000000..7ae4ff16
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/toggle-off.svg b/src/themes/Decay-Green/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 00000000..7ae4ff16
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/toggle-on-dark.svg b/src/themes/Decay-Green/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..b9ebff23
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/assets/toggle-on.svg b/src/themes/Decay-Green/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 00000000..edec9220
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/themes/Decay-Green/gnome-shell/gnome-shell.css b/src/themes/Decay-Green/gnome-shell/gnome-shell.css
new file mode 100644
index 00000000..8baf7f0f
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/gnome-shell.css
@@ -0,0 +1,3392 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+stage {
+ font-size: 10pt;
+ color: #eff1f5;
+}
+
+.ripple-pointer-location {
+ width: 48px;
+ height: 48px;
+ border-radius: 24px;
+ background-color: rgba(255, 255, 255, 0.3);
+ box-shadow: 0 0 2px 2px #e5ecfb;
+}
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: #8caaee;
+ -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+ border: 2px solid #8caaee;
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+/* App Icons */
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+ color: rgba(239, 241, 245, 0.7);
+ border-radius: 16px;
+ padding: 4px;
+ border: none;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+ background-color: rgba(239, 241, 245, 0.12);
+ border-image: none;
+ background-image: none;
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+ background-color: rgba(239, 241, 245, 0.3);
+ box-shadow: none;
+}
+
+.app-well-app.app-folder {
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder, .app-well-app.app-folder:hover, .app-well-app.app-folder:active {
+ background-color: transparent;
+}
+
+.app-well-app.app-folder .overview-icon {
+ background-color: rgba(239, 241, 245, 0.12);
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder:hover .overview-icon {
+ background-color: rgba(239, 241, 245, 0.2);
+}
+
+.app-well-app.app-folder:active .overview-icon {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.app-folder-dialog {
+ border-radius: 30px;
+ padding: 8px;
+ background-color: #11111b;
+}
+
+.app-folder-dialog .folder-name-container {
+ padding: 16px 24px 0;
+ spacing: 8px;
+ /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+ font-size: 18pt;
+ font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 300px;
+ border: none;
+ caret-color: #eff1f5;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+ padding: 6px 6px;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+ background-color: rgba(239, 241, 245, 0.06);
+ color: rgba(239, 241, 245, 0.7);
+ border: none;
+ padding: 0;
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+ icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+ row-spacing: 8px;
+ column-spacing: 20px;
+ page-padding-top: 0;
+ page-padding-bottom: 0;
+ page-padding-left: 0;
+ page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+ margin-bottom: 12px;
+}
+
+.app-folder-dialog-container {
+ padding: 4px;
+ width: 620px;
+ height: 620px;
+}
+
+.app-well-app-running-dot {
+ width: 4px;
+ height: 3px;
+ border-radius: 2px;
+ background-color: rgba(239, 241, 245, 0.3);
+ margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+ width: 16px;
+ background-color: #8caaee !important;
+}
+
+.app-menu,
+.app-well-menu {
+ max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 4px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 8px;
+}
+
+.system-action-icon {
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+ background-color: #11111b;
+ color: #eff1f5;
+ border-radius: 9999px;
+ icon-size: 48px;
+}
+
+.shell-link {
+ border-radius: 6px;
+ color: #1e66f5;
+}
+
+.shell-link:hover {
+ color: #1e66f5;
+ background-color: rgba(30, 102, 245, 0.15);
+}
+
+.shell-link:active {
+ color: #1e66f5;
+ background-color: rgba(30, 102, 245, 0.25);
+}
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+ icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
+}
+
+/* Buttons */
+.hotplug-notification-item {
+ color: #eff1f5;
+ background-color: #1e1e2e;
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.08);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.2);
+ box-shadow: none !important;
+}
+
+.hotplug-notification-item:insensitive {
+ color: rgba(239, 241, 245, 0.35);
+ background-color: #1e1e2e;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button {
+ color: #eff1f5;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .popup-menu .button:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.08);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .popup-menu .button:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .popup-menu .button:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.2);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .popup-menu .button:insensitive {
+ background-color: transparent;
+ color: rgba(239, 241, 245, 0.35);
+ box-shadow: none !important;
+}
+
+.button {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ border: none;
+}
+
+/* Date/Time Menu */
+.popup-menu .message, .world-clocks-button,
+.weather-button,
+.events-button {
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(239, 241, 245, 0.04);
+ border-radius: 6px;
+ border: none;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+.popup-menu .message:hover, .world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+ box-shadow: none;
+}
+
+.popup-menu .message:active, .world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.2);
+ box-shadow: none;
+}
+
+.clock-display-box {
+ spacing: 2px;
+}
+
+.clock-display-box .clock {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+#calendarArea {
+ padding: 4px 0;
+}
+
+.datemenu-calendar-column {
+ spacing: 4px;
+ border: 0 solid rgba(239, 241, 245, 0);
+ padding: 0 8px;
+}
+
+.datemenu-calendar-column:ltr {
+ margin-right: 6px;
+ border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+ margin-left: 6px;
+ border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+ padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+ spacing: 4px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+ color: rgba(239, 241, 245, 0.7);
+ font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+ margin: 3px 4px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ padding: 4px;
+ margin: 0 8px;
+ text-shadow: none;
+ color: rgba(239, 241, 245, 0.7);
+ border-radius: 10px;
+}
+
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.datemenu-today-button:active {
+ background-color: rgba(239, 241, 245, 0.2);
+}
+
+.datemenu-today-button .day-label {
+ font-size: 11pt;
+ font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+ font-size: 17pt;
+ font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0 4px !important;
+ margin: 0 !important;
+ text-shadow: none;
+ border-radius: 10px;
+}
+
+.calendar .calendar-month-label {
+ padding: 4px 0;
+ color: rgba(239, 241, 245, 0.7);
+ font-weight: bold;
+ text-align: center;
+ text-shadow: none;
+ font-size: 11pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 0 !important;
+ margin: 2px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+ icon-size: 16px;
+}
+
+.calendar .pager-button {
+ width: 28px;
+ height: 28px;
+ margin: 2px;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: #eff1f5;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.calendar .pager-button:active {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.calendar .calendar-day-base {
+ font-size: 9pt;
+ text-align: center;
+ width: 30px;
+ height: 30px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+ color: rgba(239, 241, 245, 0.7);
+ border: none;
+ font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.3);
+ border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+ margin-top: 1em;
+ color: rgba(239, 241, 245, 0.5);
+ font-size: 9pt;
+}
+
+.calendar .calendar-day {
+ border-width: 0;
+}
+
+.calendar .calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+ color: rgba(239, 241, 245, 0.5);
+ font-weight: bold;
+}
+
+.calendar .calendar-today {
+ font-weight: bold;
+ color: rgba(239, 241, 245, 0.7) !important;
+ background-color: rgba(239, 241, 245, 0.06);
+ border: none;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5 !important;
+}
+
+.calendar .calendar-today:active {
+ background-color: #769aeb;
+ color: rgba(17, 17, 27, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+ background-color: #b0c4f3;
+ color: rgba(17, 17, 27, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+ color: rgba(239, 241, 245, 0.7);
+ background-image: url("assets/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+ color: rgba(239, 241, 245, 0.7);
+ font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+ color: rgba(239, 241, 245, 0.3);
+ opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+ width: 22px;
+ height: 16px;
+ margin: 6px 1.5px !important;
+ padding: 0 0;
+ border-radius: 6px;
+ background-color: rgba(239, 241, 245, 0.04);
+ color: rgba(239, 241, 245, 0.5);
+ font-size: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+ padding: 8px !important;
+ margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+ spacing: 4px;
+}
+
+.events-button .events-list {
+ spacing: 8px;
+ text-shadow: none;
+}
+
+.events-button .events-title {
+ color: rgba(239, 241, 245, 0.5);
+ font-weight: bold;
+ text-shadow: none;
+}
+
+.events-button .event-time {
+ color: rgba(239, 241, 245, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 9pt;
+}
+
+.world-clocks-button .world-clocks-city {
+ color: rgba(239, 241, 245, 0.5);
+ font-weight: bold;
+ font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-time {
+ color: rgba(239, 241, 245, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+ text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+ text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+ color: rgba(239, 241, 245, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 9pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+ spacing-rows: 0.4em;
+ spacing-columns: 0.8em;
+}
+
+.weather-button {
+ margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+ spacing: 7px;
+}
+
+.weather-button .weather-header-box {
+ spacing: 4px;
+}
+
+.weather-button .weather-header {
+ color: rgba(239, 241, 245, 0.7);
+ font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+ font-weight: normal;
+ color: rgba(239, 241, 245, 0.5);
+ font-size: 9pt;
+}
+
+.weather-button .weather-grid {
+ spacing-rows: 4px;
+ spacing-columns: 8px;
+}
+
+.weather-button .weather-forecast-time {
+ color: rgba(239, 241, 245, 0.7);
+ font-feature-settings: "tnum";
+ font-size: 8pt;
+ font-weight: normal;
+ padding-top: 0.2em;
+ padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+ icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+ font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+ padding: 2px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:hover StBin {
+ background-image: url("assets/checkbox-off-hover.svg");
+}
+
+.check-box:active StBin {
+ background-image: url("assets/checkbox-off-active.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox-dark.svg");
+}
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(140, 170, 238, 0.35);
+ box-shadow: 0 0 2px 2px #e5ecfb;
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+ border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+ font-size: 8pt;
+}
+
+#dash .empty-dash-drop-target {
+ width: 32px;
+ height: 32px;
+}
+
+.dash-label {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: rgba(0, 0, 0, 0.75);
+ border-radius: 9999px;
+ padding: 4px 8px;
+ box-shadow: none;
+ border: none;
+ text-align: center;
+ -y-offset: 9px;
+ -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content, .modal-dialog {
+ background-color: #1e1e2e;
+ border-radius: 10px;
+ border: none;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
+}
+
+.modal-dialog-linked-button:last-child {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #8caaee;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #b4c8f4;
+}
+
+.modal-dialog-linked-button:active:last-child {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #769aeb;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+ background-color: rgba(140, 170, 238, 0.05);
+ color: rgba(140, 170, 238, 0.35);
+}
+
+.headline {
+ font-size: 11pt;
+}
+
+.modal-dialog {
+ color: rgba(239, 241, 245, 0.7);
+ padding: 0 4px 4px 4px;
+}
+
+.modal-dialog-linked-button {
+ min-height: 28px !important;
+ padding: 4px !important;
+ margin: 2px !important;
+ border: none !important;
+ border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.08);
+ box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.2);
+ box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+ margin: 20px 28px;
+ spacing: 20px;
+ max-width: 28em;
+}
+
+.end-session-dialog {
+ width: 25em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+ color: #e5c890;
+}
+
+.message-dialog-content {
+ spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+ text-align: center;
+ font-size: 18pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+ font-size: 13pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+ text-align: center;
+}
+
+.dialog-list {
+ spacing: 12px;
+}
+
+.dialog-list .dialog-list-title {
+ text-align: center;
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+ max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: rgba(239, 241, 245, 0.7);
+ font-size: 9pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+ margin-top: 18px;
+ margin-bottom: 9px;
+}
+
+.run-dialog .run-dialog-entry {
+ width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+ text-align: center;
+ color: rgba(239, 241, 245, 0.7);
+ font-size: 9pt;
+}
+
+.prompt-dialog {
+ width: 22em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+ margin-bottom: 18px;
+}
+
+.prompt-dialog-password-grid {
+ spacing-rows: 6px;
+ spacing-columns: 3px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 15px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 15px;
+}
+
+.prompt-dialog-password-layout {
+ spacing: 6px;
+}
+
+.prompt-dialog-password-entry {
+ width: 16em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ text-align: center;
+ font-size: 9pt;
+ margin: 4px;
+}
+
+.prompt-dialog-error-label {
+ color: #e78284;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 6px;
+ margin-bottom: 4.5px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #e5c890;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+ margin-bottom: 21px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+ spacing: 15px;
+}
+
+.audio-selection-device {
+ border: 1px solid rgba(239, 241, 245, 0);
+ border-radius: 6px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.audio-selection-device:active {
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+}
+
+.audio-selection-device-box {
+ padding: 12px;
+ spacing: 12px;
+}
+
+.audio-selection-device-icon {
+ icon-size: 64px;
+}
+
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ height: 300px;
+ width: 300px;
+}
+
+/* Entries */
+StEntry, .popup-menu .search-entry {
+ min-height: 28px;
+ padding: 2px 8px;
+ margin: 1.5px;
+ border-width: 0;
+ border-radius: 6px;
+ color: #eff1f5;
+ caret-color: #eff1f5;
+ selection-background-color: #8caaee;
+ selected-color: rgba(17, 17, 27, 0.87);
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.04);
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+StEntry:hover, .popup-menu .search-entry:hover {
+ color: #eff1f5;
+ border-color: rgba(239, 241, 245, 0.3);
+ background-color: rgba(239, 241, 245, 0.04);
+}
+
+StEntry:focus, .popup-menu .search-entry:focus {
+ color: #eff1f5;
+ border-color: #8caaee;
+ background-color: rgba(239, 241, 245, 0.04);
+ box-shadow: none;
+}
+
+StEntry:insensitive, .popup-menu .search-entry:insensitive {
+ background-color: rgba(239, 241, 245, 0.04);
+ color: rgba(239, 241, 245, 0.35);
+ border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #e5c890;
+ padding: 0 0;
+}
+
+StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password {
+ icon-size: 16px;
+ padding: 0 4px;
+}
+
+StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
+ margin-left: 2px;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.hotplug-notification-item {
+ padding: 8px;
+ border-style: solid;
+ border-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+ border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+ border-right-width: 0;
+ border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+ border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+ icon-size: 24px;
+ padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+ -arrow-border-radius: 2px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 64px;
+ -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+ color: rgba(239, 241, 245, 0.7);
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
+ border: none;
+ margin: 2px 8px;
+ padding: 4px;
+ spacing: 4px;
+}
+
+.candidate-index {
+ padding: 0 0.5em 0 0;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+ color: rgba(17, 17, 27, 0.6);
+}
+
+.candidate-box {
+ padding: 0.3em 0.5em 0.3em 0.5em;
+ margin-right: 2px;
+ border-radius: 6px;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.candidate-box:hover {
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+}
+
+.candidate-box:active {
+ background-color: rgba(239, 241, 245, 0.3);
+ color: #eff1f5;
+}
+
+.candidate-box:selected {
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+}
+
+.candidate-box:last-child {
+ margin-right: 0;
+}
+
+.candidate-page-button-box {
+ height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+ padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+ padding-left: 0.5em;
+}
+
+.candidate-page-button {
+ padding: 4px 8px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+ border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+ icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #1d1d1d;
+ box-shadow: none;
+}
+
+#keyboard .page-indicator {
+ padding: 4px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.keyboard-key {
+ font-size: 15pt;
+ font-weight: bold;
+ min-height: 1.2em;
+ min-width: 1.2em;
+ padding: 0 !important;
+ border-radius: 9px;
+ border: none;
+ color: rgba(239, 241, 245, 0.7);
+ background-color: #707070;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.keyboard-key:focus, .keyboard-key:hover {
+ color: #eff1f5;
+ background-color: #656565;
+}
+
+.keyboard-key:checked, .keyboard-key:active {
+ color: #eff1f5;
+ background-color: #717171;
+}
+
+.keyboard-key:grayed {
+ background-color: #4b4b4b;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.keyboard-key.default-key {
+ background-color: #4b4b4b;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
+ color: #eff1f5;
+ background-color: #585858;
+}
+
+.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
+ color: #eff1f5;
+ background-color: #6a6a6a;
+}
+
+.keyboard-key.enter-key {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #8caaee;
+}
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #a2baf1;
+}
+
+.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #6089e7;
+}
+
+.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
+ color: #8caaee;
+}
+
+.keyboard-key StIcon {
+ icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+ color: inherit;
+ -arrow-border-radius: 10px;
+ -arrow-background-color: #323233;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 4px;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+ border: none;
+ background-color: #8caaee;
+}
+
+.word-suggestions {
+ font-size: 14pt;
+ spacing: 8px;
+ min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+ background-color: #11111b;
+}
+
+.login-dialog-banner-view {
+ padding-top: 16px;
+ max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+ border: none;
+ background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+ selection-background-color: #8caaee;
+ selected-color: rgba(17, 17, 27, 0.87);
+ padding: 4px 8px;
+ min-height: 24px;
+ border-radius: 9999px;
+ caret-color: rgba(17, 17, 27, 0.87);
+ background-color: rgba(239, 241, 245, 0.04);
+ border-radius: 0;
+ border: none;
+ box-shadow: inset 0 -1px rgba(17, 17, 27, 0.15);
+ color: rgba(17, 17, 27, 0.87);
+}
+
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus {
+ border: none;
+ background-color: rgba(239, 241, 245, 0.04);
+ box-shadow: inset 0 -2px #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+}
+
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive {
+ border: none;
+ background-color: rgba(239, 241, 245, 0.04);
+ color: rgba(17, 17, 27, 0.35);
+}
+
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text {
+ color: rgba(17, 17, 27, 0.38);
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+ spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+ padding: 0 16px;
+ border: none;
+ color: rgba(17, 17, 27, 0.87);
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: rgba(239, 241, 245, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+ background-color: transparent;
+ color: rgba(17, 17, 27, 0.35);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #1e1e2e;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: rgba(239, 241, 245, 0.12);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: rgba(239, 241, 245, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+ color: rgba(17, 17, 27, 0.35);
+ background-color: #1e1e2e;
+ box-shadow: none !important;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+ padding: 0;
+ border-radius: 100px;
+ width: 32px;
+ height: 32px;
+ border: none;
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+ icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.login-dialog-logo-bin {
+ padding: 24px 0px;
+}
+
+.login-dialog-banner {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.login-dialog-button-box {
+ spacing: 5px;
+}
+
+.login-dialog-message {
+ text-align: center;
+}
+
+.login-dialog-message-warning {
+ color: #e5c890;
+}
+
+.login-dialog-message-hint {
+ padding-top: 0;
+ padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+ padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+ padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+ color: #eff1f5;
+}
+
+.login-dialog-not-listed-label {
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(239, 241, 245, 0.7);
+ padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.login-dialog-user-list-view {
+ -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+ spacing: 12px;
+ padding: .2em;
+ width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+ background-color: rgba(239, 241, 245, 0.3);
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+ border-right: 2px solid #8caaee;
+}
+
+.login-dialog-user-list-item {
+ border-radius: 10px;
+ padding: 6px;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+ padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+ padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+ background-color: rgba(239, 241, 245, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
+ background-color: rgba(239, 241, 245, 0.12) !important;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
+ background-color: rgba(239, 241, 245, 0.3) !important;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin: 6px 0 0 0;
+ background-color: rgba(239, 241, 245, 0.12) !important;
+}
+
+.user-widget-label {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+ font-size: 12pt;
+ font-weight: bold;
+ padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+ padding-left: 14px;
+ text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+ padding-right: 14px;
+ text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+ font-size: 15pt;
+ text-align: center;
+ font-weight: normal;
+ padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+ padding-top: 24px;
+ padding-bottom: 12px;
+ spacing: 8px;
+ width: 23em;
+}
+
+.login-dialog-prompt-entry {
+ height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+ color: rgba(239, 241, 245, 0.7);
+ font-size: 11pt;
+ padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+ background-color: #1e1e2e;
+ spacing: 4px;
+ padding: 0;
+ border: none;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ color: #eff1f5;
+}
+
+#LookingGlassDialog > #Toolbar {
+ padding: 0 8px;
+ border: none;
+ border-radius: 0;
+ background-color: #1e1e2e;
+ box-shadow: inset 0 -1px 0 rgba(239, 241, 245, 0);
+}
+
+#LookingGlassDialog .labels {
+ spacing: 0;
+}
+
+#LookingGlassDialog .notebook-tab {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(239, 241, 245, 0.5);
+ padding-left: 16px;
+ padding-right: 16px;
+ min-height: 28px;
+ padding: 0 32px;
+ transition-duration: 100ms;
+ border-bottom-width: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+ background-color: rgba(239, 241, 245, 0.04);
+ color: #eff1f5;
+ text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+ border-color: transparent;
+ background-color: rgba(239, 241, 245, 0.12);
+ box-shadow: inset 0 -2px 0px #8caaee;
+ color: #eff1f5;
+ text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+ padding: 4px;
+ spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+ spacing: 4px;
+}
+
+.lg-dialog StEntry {
+ min-height: 22px;
+ selection-background-color: #8caaee;
+ selected-color: rgba(17, 17, 27, 0.87);
+}
+
+.lg-dialog .shell-link {
+ color: #1e66f5;
+}
+
+.lg-dialog .shell-link:hover {
+ color: #4f87f7;
+}
+
+.lg-dialog .shell-link:active {
+ color: #0a4ed6;
+}
+
+.lg-dialog .actor-link {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+ color: #eff1f5;
+}
+
+.lg-dialog .actor-link:active {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.lg-completions-text {
+ font-size: .9em;
+ font-style: italic;
+}
+
+.lg-obj-inspector-title {
+ spacing: 4px;
+}
+
+.lg-obj-inspector-button {
+ padding: 0 16px;
+ border: none;
+ border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+ border: none;
+}
+
+#lookingGlassExtensions {
+ padding: 4px;
+}
+
+.lg-extensions-list {
+ padding: 4px;
+ spacing: 4px;
+}
+
+.lg-extension {
+ border: none;
+ border-radius: 6px;
+ background-color: #1e1e2e;
+ padding: 8px;
+}
+
+.lg-extension-name {
+ font-weight: bold;
+}
+
+.lg-extension-meta {
+ spacing: 4px;
+}
+
+#LookingGlassPropertyInspector {
+ color: rgba(239, 241, 245, 0.7);
+ background: #1e1e2e;
+ border: none;
+ border-radius: 6px;
+ padding: 4px;
+ margin: 5px 8px 11px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+/* Message List */
+.message-list {
+ width: 25.5em;
+ text-shadow: none;
+ border: none;
+ padding: 0;
+}
+
+.message-list:ltr {
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 0;
+ border-right-width: 0;
+}
+
+.message-list:rtl {
+ margin-right: 0;
+ margin-left: 0;
+ padding-left: 0;
+ border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+ spacing: 8px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+ icon-size: 48px;
+ margin-bottom: 9px;
+ -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+ margin: 0 6px 0 12px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+ spacing: 4px;
+}
+
+.message {
+ margin: 2px 0;
+}
+
+.message .message-icon-bin {
+ padding: 12px;
+}
+
+.message .message-icon-bin:ltr {
+ padding-right: 4px;
+}
+
+.message .message-icon-bin:rtl {
+ padding-left: 4px;
+}
+
+.message .message-icon-bin > StIcon {
+ icon-size: 32px;
+ -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.message .message-secondary-bin {
+ padding: 0 6px;
+}
+
+.message .message-secondary-bin > .event-time {
+ color: rgba(239, 241, 245, 0.5);
+ font-size: 8pt;
+ text-align: right;
+ padding-bottom: 0.12em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+ text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+ text-align: left;
+}
+
+.message .message-title {
+ color: #eff1f5;
+ font-weight: bold;
+}
+
+.message .message-content {
+ padding: 6px;
+ margin-bottom: 6px;
+ spacing: 4px;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.message .message-close-button {
+ color: rgba(239, 241, 245, 0.7);
+ padding: 0;
+ height: 24px;
+ width: 24px;
+ border-radius: 9999px;
+}
+
+.message .message-close-button:hover, .message .message-close-button:active {
+ color: #eff1f5;
+}
+
+.message .message-close-button:hover, .message .message-close-button:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.message .message-close-button:active {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.message .message-body {
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.url-highlighter {
+ link-color: #1e66f5;
+}
+
+.message-media-control {
+ border-radius: 9999px;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.message-media-control:last-child:ltr {
+ margin-right: 12px;
+}
+
+.message-media-control:last-child:rtl {
+ margin-left: 12px;
+}
+
+.message-media-control:hover, .message-media-control:focus {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.message-media-control:active {
+ color: #eff1f5;
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.message-media-control:insensitive {
+ color: rgba(239, 241, 245, 0.3);
+}
+
+.media-message-cover-icon {
+ icon-size: 48px;
+ border-radius: 6px;
+}
+
+.media-message-cover-icon.fallback {
+ icon-size: 32px !important;
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(239, 241, 245, 0.12);
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.select-area-rubberband {
+ background-color: rgba(140, 170, 238, 0.3);
+ border: 1px solid #8caaee;
+ border-radius: 6px;
+}
+
+.user-icon {
+ background-size: contain;
+ color: rgba(239, 241, 245, 0.7);
+ border-radius: 9999px;
+ border: none;
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
+ icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+ box-shadow: none;
+}
+
+.user-icon:hover {
+ color: #eff1f5;
+}
+
+.user-icon StIcon {
+ background-color: #eff1f5;
+ border-radius: 9999px;
+ padding: 8px;
+ width: 40px;
+ height: 40px;
+}
+
+.user-icon.user-avatar {
+ border: 2px solid #8caaee;
+}
+
+.user-widget.vertical .user-icon {
+ icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+ padding: 14px;
+ padding-top: 12px;
+ padding-bottom: 16px;
+ width: 88px;
+ height: 88px;
+}
+
+.lightbox {
+ background-color: black;
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.hidden {
+ color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ font-size: 9pt;
+ color: #e5c890;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+ max-height: 34em;
+ min-height: 31em;
+ min-width: 32em;
+}
+
+.nm-dialog-content {
+ spacing: 20px;
+ padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+ spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+ font-weight: bold;
+ text-align: center;
+}
+
+.nm-dialog-airplane-text {
+ color: #eff1f5;
+}
+
+.nm-dialog-header {
+ font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+ icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+ border: none;
+ padding: 0;
+ background-color: rgba(239, 241, 245, 0.04);
+ border-radius: 6px;
+}
+
+.nm-dialog-item {
+ font-size: 10pt;
+ border-bottom: none;
+ padding: 8px;
+ spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+}
+
+.nm-dialog-item:hover, .nm-dialog-item:focus {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.nm-dialog-item:active {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+.nm-dialog-icon {
+ icon-size: 16px;
+}
+
+.nm-dialog-icons {
+ spacing: 8px;
+}
+
+.no-networks-label {
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.no-networks-box {
+ spacing: 4px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+ width: 34em;
+ min-height: 64px;
+ margin: 2px 5px 8px;
+ border-radius: 6px;
+ color: rgba(239, 241, 245, 0.7);
+ background-color: #1e1e2e;
+ border: none;
+ text-shadow: none;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ border-radius: 10px;
+}
+
+.notification-banner:hover {
+ color: #eff1f5;
+ background-color: #1e1e2e;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
+ margin: 2px 12px 17px;
+}
+
+.notification-banner:focus {
+ color: #eff1f5;
+ background-color: #1e1e2e;
+}
+
+.notification-banner .notification-actions {
+ background-color: transparent;
+ padding-top: 0;
+ border-top: 1px solid rgba(239, 241, 245, 0);
+ spacing: 0;
+}
+
+.notification-banner .notification-button {
+ min-height: 36px;
+ padding: 0 12px;
+ background-color: transparent;
+ color: rgba(239, 241, 245, 0.7);
+ font-weight: 500;
+ border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+ border-radius: 0 0 0 10px;
+}
+
+.notification-banner .notification-button:last-child {
+ border-radius: 0 0 10px 0;
+}
+
+.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
+ border-radius: 0 0 10px 10px;
+}
+
+.notification-banner .notification-button:focus {
+ background-color: transparent;
+ color: #eff1f5;
+ box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.12);
+}
+
+.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+ box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+ background-color: rgba(239, 241, 245, 0.3);
+ color: #eff1f5;
+}
+
+.summary-source-counter {
+ font-size: fontsize(9);
+ font-weight: bold;
+ height: 1.6em;
+ width: 1.6em;
+ -shell-counter-overlap-x: 3px;
+ -shell-counter-overlap-y: 3px;
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+ border: 2px solid rgba(239, 241, 245, 0.3);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ border-radius: 0.9em;
+}
+
+.chat-body {
+ spacing: 5px;
+}
+
+.chat-response {
+ margin: 5px;
+}
+
+.chat-log-message {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.chat-new-group {
+ padding-top: 1em;
+}
+
+.chat-received {
+ padding-left: 4px;
+}
+
+.chat-received:rtl {
+ padding-left: 0px;
+ padding-right: 4px;
+}
+
+.chat-sent {
+ padding-left: 18pt;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.chat-sent:rtl {
+ padding-left: 0;
+ padding-right: 18pt;
+}
+
+.chat-meta-message {
+ padding-left: 4px;
+ font-size: 8pt;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.chat-meta-message:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+/* OSD */
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+ color: rgba(239, 241, 245, 0.7);
+ background-color: #11111b;
+ border: none;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ margin: 5px 8px 11px;
+ border-radius: 10px;
+ padding: 8px;
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ height: 2px;
+ border-radius: 2px;
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(239, 241, 245, 0.12);
+ -barlevel-active-background-color: #8caaee;
+ -barlevel-overdrive-color: #e78284;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+ -barlevel-border-color: rgba(239, 241, 245, 0);
+}
+
+.osd-window .level-bar {
+ background-color: white;
+ border-radius: 2px;
+}
+
+.pad-osd-window {
+ padding: 32px;
+ background-color: #11111b;
+}
+
+.pad-osd-window .pad-osd-title-box {
+ spacing: 8px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+ spacing: 4px;
+}
+
+.combo-box-label {
+ width: 15em;
+}
+
+.overview-controls {
+ padding-bottom: 20px;
+}
+
+/* Top Bar */
+#panel {
+ background-color: #11111b;
+ font-weight: bold;
+ height: 28px;
+ color: rgba(239, 241, 245, 0.7);
+ font-feature-settings: "tnum";
+ transition-duration: 250ms;
+ font-size: 9pt;
+}
+
+#panel .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: #11111b;
+ -panel-corner-border-width: 2px;
+ -panel-corner-border-color: transparent;
+ -panel-corner-opacity: 1;
+ transition-duration: 250ms;
+}
+
+#panel .panel-button {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(239, 241, 245, 0.7);
+ transition-duration: 150ms;
+ border-radius: 9999px;
+ text-shadow: none;
+ border: 2px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+ color: #eff1f5;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12);
+}
+
+#panel .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+#panel .panel-button:hover.clock-display .clock {
+ color: #eff1f5;
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12);
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
+ background-color: transparent;
+ color: #eff1f5;
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2);
+}
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2);
+ color: #eff1f5;
+}
+
+.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
+ color: #eff1f5;
+}
+
+.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+ color: #eff1f5;
+}
+
+#panel .panel-button .system-status-icon {
+ icon-size: 16px;
+ padding: 4px;
+ margin: 0 3px;
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+ margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+ -natural-hpadding: 12px;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
+ color: #eff1f5;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12);
+}
+
+#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: #eff1f5;
+}
+
+#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock {
+ color: #eff1f5;
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12);
+}
+
+#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked {
+ color: #eff1f5;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2);
+}
+
+#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: #eff1f5;
+}
+
+#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2);
+ color: #eff1f5;
+}
+
+#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+ spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+ spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+ color: #e5c890;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+ -arrow-border-radius: 7px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 8px;
+ -arrow-rise: 4px;
+ -arrow-box-shadow: none;
+ background: transparent;
+ box-shadow: none;
+}
+
+.popup-menu {
+ min-width: 10em;
+ color: rgba(239, 241, 245, 0.7) !important;
+ padding: 0 !important;
+ font-weight: normal;
+ border-radius: 10px;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
+ margin: 0 2px;
+ font-size: 9pt;
+}
+
+.popup-menu .popup-menu-content {
+ padding: 4px 0 !important;
+ background-color: #1e1e2e;
+ border-radius: 10px;
+ margin: 0;
+ font-weight: normal;
+ border: none;
+}
+
+.popup-menu .popup-menu-item {
+ spacing: 4px;
+ color: rgba(239, 241, 245, 0.7) !important;
+ text-shadow: none;
+ border-radius: 6px;
+ margin: 0 4px;
+ font-weight: normal;
+}
+
+.popup-menu .popup-menu-item:checked {
+ font-weight: normal;
+ border: none;
+ box-shadow: none;
+ color: #eff1f5 !important;
+ background-color: rgba(239, 241, 245, 0.12) !important;
+ border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected {
+ color: #eff1f5 !important;
+ background-color: alpha(currentColor, 0.08) !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+ color: #eff1f5 !important;
+ background-color: alpha(currentColor, 0.12) !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+ color: rgba(239, 241, 245, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected {
+ color: #eff1f5 !important;
+ background-color: rgba(239, 241, 245, 0.12) !important;
+ transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active {
+ color: #eff1f5 !important;
+ background-color: rgba(239, 241, 245, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+ color: rgba(239, 241, 245, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+ background-color: rgba(239, 241, 245, 0.12) !important;
+ color: rgba(239, 241, 245, 0.7) !important;
+ border: none;
+ box-shadow: none;
+ margin: 0 4px;
+ border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+ margin: 0;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected {
+ color: #eff1f5 !important;
+ background-color: rgba(239, 241, 245, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+ color: #eff1f5 !important;
+ background-color: rgba(239, 241, 245, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+ color: rgba(239, 241, 245, 0.3) !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+ color: rgba(239, 241, 245, 0.7) !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(239, 241, 245, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+ -boxpointer-gap: 3px;
+ margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-ornament {
+ width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+ text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+ text-align: left;
+}
+
+.background-menu {
+ -boxpointer-gap: 3px;
+ -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+ min-width: 19em;
+}
+
+.aggregate-menu .popup-menu-icon {
+ padding: 0;
+ margin: 0 2px;
+ -st-icon-style: symbolic;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+ color: white;
+ font-weight: 300;
+ text-align: center;
+ spacing: 24px;
+ padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+ font-size: 64pt;
+ padding-top: 42px;
+ font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+ font-size: 16pt;
+ font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+ font-weight: normal;
+ padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+ margin: 12px 0;
+ spacing: 6px;
+ width: 23em;
+ background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 6px;
+ border: none;
+ background-color: #11111b;
+ color: #eff1f5;
+ border-radius: 10px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: #212134;
+}
+
+.unlock-dialog-notification-label {
+ padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+ weight: bold;
+ padding: 0 6px;
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #8caaee;
+ border-radius: 9999px;
+ margin-right: 12px;
+}
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(30, 30, 46, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(30, 30, 46, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: rgba(140, 170, 238, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+ padding: 0;
+}
+
+StScrollView StScrollBar {
+ min-width: 16px;
+ min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+ margin: 6px;
+ border-radius: 9999px;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(239, 241, 245, 0.5);
+ margin: 6px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(239, 241, 245, 0.7);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #eff1f5;
+}
+
+.search-entry {
+ width: 320px;
+ min-height: 28px;
+ padding: 0 8px;
+ color: rgba(239, 241, 245, 0.7);
+ transition-duration: 150ms;
+ border-radius: 6px;
+ caret-color: #eff1f5;
+ selection-background-color: rgba(239, 241, 245, 0.12);
+ selected-color: rgba(17, 17, 27, 0.87) !important;
+ color: #eff1f5;
+ background-color: #1e1e2e;
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+.search-entry:hover {
+ color: #eff1f5;
+ border-color: rgba(239, 241, 245, 0.3);
+ background-color: #1e1e2e;
+}
+
+.search-entry:focus {
+ color: #eff1f5;
+ border-color: #8caaee;
+ background-color: #1e1e2e;
+ box-shadow: none;
+}
+
+.search-entry .search-entry-icon {
+ icon-size: 16px;
+ padding: 0 0;
+ color: rgba(239, 241, 245, 0.3);
+}
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.search-entry:insensitive {
+ border: none;
+ color: rgba(239, 241, 245, 0.3);
+}
+
+.search-entry StLabel.hint-text {
+ color: rgba(239, 241, 245, 0.5);
+}
+
+/* Search */
+.list-search-result, .search-provider-icon {
+ border-radius: 6px;
+ padding: 4px;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+ background-color: rgba(239, 241, 245, 0.12);
+ transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+ background-color: rgba(239, 241, 245, 0.2);
+}
+
+#searchResultsContent {
+ max-width: 1024px;
+ spacing: 6px;
+}
+
+.search-section {
+ spacing: 6px;
+ background: none;
+}
+
+.search-section .search-section-separator {
+ height: 1px;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.search-section-content {
+ spacing: 6px;
+ border-radius: 0;
+ padding: 12px;
+ border: none;
+ box-shadow: none;
+ background: none;
+ text-shadow: none;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.search-statustext {
+ font-size: 2em;
+ font-weight: bold;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.grid-search-results {
+ spacing: 24px;
+}
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 8px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ margin-top: 0;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.list-search-results {
+ spacing: 4px;
+}
+
+.list-search-result .list-search-result-content {
+ spacing: 4px;
+}
+
+.list-search-result .list-search-result-title {
+ spacing: 8px;
+}
+
+.list-search-result .list-search-result-description {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+/* Slider */
+.slider {
+ height: 20px;
+ color: #1e1e2e;
+ -slider-height: 2px;
+ -slider-background-color: rgba(239, 241, 245, 0.3);
+ -slider-border-color: #8caaee;
+ -slider-active-background-color: #8caaee;
+ -slider-active-border-color: #8caaee;
+ -slider-border-width: 2px;
+ -slider-handle-radius: 6px;
+ -slider-handle-border-width: 2px;
+ -slider-handle-border-color: #8caaee;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(239, 241, 245, 0.3);
+ -barlevel-border-color: transparent;
+ -barlevel-active-background-color: #8caaee;
+ -barlevel-active-border-color: transparent;
+ -barlevel-overdrive-color: #e78284;
+ -barlevel-overdrive-border-color: transparent;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+ border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+ background-color: rgba(239, 241, 245, 0.12);
+ color: #eff1f5;
+}
+
+.switcher-list .item-box:selected {
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(239, 241, 245, 0);
+}
+
+.switcher-list .switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.switcher-arrow:highlighted {
+ color: #eff1f5;
+}
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px;
+}
+
+.cycler-highlight {
+ border: 5px solid #8caaee;
+}
+
+/* Switches */
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-sub-menu .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-sub-menu .toggle-switch:checked {
+ background-image: url("assets/toggle-on-dark.svg");
+}
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: rgba(140, 170, 238, 0.3);
+ border: 1px solid #8caaee;
+}
+
+.tile-preview-left.on-primary {
+ border-radius: 7px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+ border-radius: 0 7px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+ border-radius: 7px 7px 0 0;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+ padding: 8px;
+}
+
+.workspace-switcher {
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ spacing: 8px;
+}
+
+.ws-switcher-box {
+ background: transparent;
+ height: 50px;
+ background-size: 32px;
+ background: rgba(239, 241, 245, 0.12);
+ border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+ height: 52px;
+ background-color: #8caaee;
+ color: rgba(17, 17, 27, 0.87);
+ border-radius: 9px;
+ border: none;
+}
+
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 72px;
+ max-column-spacing: 72px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 12px;
+ page-padding-right: 12px;
+}
+
+.page-indicator {
+ padding: 4px 8px 0;
+}
+
+.page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 10px;
+ background-color: white;
+}
+
+.apps-scroll-view {
+ padding: 0;
+}
+
+.page-navigation-hint {
+ width: 300px;
+}
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow {
+ margin: 0;
+ width: 24px;
+ height: 24px;
+ color: white;
+}
+
+#dash {
+ margin-top: 8px;
+ padding: 0 10px;
+}
+
+#dash .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px;
+}
+
+#dash .overview-icon {
+ padding: 5px;
+}
+
+.dash-background {
+ background-color: rgba(239, 241, 245, 0.3);
+ margin-bottom: 16px;
+ padding: 10px;
+ border-radius: 24px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+.dash-item-container .app-well-app, .show-apps {
+ padding: 10px 2px 26px;
+}
+
+.dash-separator {
+ width: 1px;
+ margin: 0 7px 16px;
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+.workspace-animation {
+ background-color: #11111b;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 2px;
+}
+
+.message-list-controls {
+ padding: 4px 4px 4px 20px !important;
+ spacing: 4px;
+ font-weight: normal;
+}
+
+.message-list-controls .dnd-button {
+ font-weight: normal;
+}
+
+.message-media-control {
+ margin: 20px 4px;
+ padding: 8px;
+}
+
+.media-message-cover-icon {
+ padding: 8px;
+}
+
+.media-message-cover-icon.fallback {
+ padding: 8px;
+}
+
+.controls-manager, .secondary-monitor-workspaces {
+ spacing: 8px;
+}
+
+#overviewGroup {
+ background-color: #11111b;
+}
+
+.osd-window {
+ spacing: 8px;
+ padding: 8px 12px;
+ margin-bottom: 4em;
+}
+
+.osd-window > * {
+ spacing: 8px;
+}
+
+.osd-window StIcon {
+ icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+ margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+ margin-left: 6px;
+}
+
+#appMenu {
+ spacing: 4px;
+}
+
+#appMenu .label-shadow {
+ color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+ padding: 0 4px;
+ spacing: 4px;
+}
+
+.popup-menu .popup-menu-item {
+ padding: 4px 8px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+ padding-right: 6px !important;
+ padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+ padding-right: 0 !important;
+ padding-left: 6px !important;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(239, 241, 245, 0.12);
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ margin: 4px 32px;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ padding: 0;
+ margin: 0 32px 0 0;
+ height: 1px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 8px !important;
+ margin-left: 2px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 8px !important;
+ margin-right: 2px !important;
+}
+
+.search-entry {
+ margin-top: 16px;
+ margin-bottom: 4px;
+}
+
+.window-picker {
+ spacing: 4px;
+}
+
+.window-caption {
+ color: #eff1f5;
+ background-color: #11111b;
+ border-radius: 9999px;
+ padding: 4px 8px;
+}
+
+.window-close {
+ background-color: #11111b;
+ color: #eff1f5;
+ border-radius: 21px;
+ padding: 3px;
+ height: 30px;
+ width: 30px;
+ box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+ transition-duration: 300ms;
+}
+
+.window-close:hover {
+ color: #eff1f5;
+ background-color: #1d1d2e;
+}
+
+.window-close:active {
+ color: #eff1f5;
+ background-color: #050508;
+}
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: #11111b;
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 4px;
+ padding: 4px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+ color: rgba(239, 241, 245, 0.7);
+ background-color: rgba(239, 241, 245, 0.12);
+ border: none;
+ border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+ background-image: url("assets/dash-placeholder.svg");
+ background-size: contain;
+ width: 18px;
+ height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+ border: 3px solid #8caaee;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+ -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+ -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+ background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+ color: #eff1f5;
+ background-color: rgba(0, 0, 0, 0.75);
+ text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+ color: rgba(17, 17, 27, 0.87);
+ background-color: #8caaee;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+ border-radius: 9999px;
+ margin: 2px;
+ padding: 0.2em 0.6em;
+ font-weight: bold;
+ text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash {
+ border-radius: 0;
+ margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background {
+ border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background {
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash, #dashtodockContainer.right #dash {
+ margin-top: 0;
+ padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background {
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+ padding: 4px;
+}
+
+#dashtodockContainer.left #dash {
+ margin-left: 4px;
+}
+
+#dashtodockContainer.right #dash {
+ margin-right: 4px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+ background-color: #11111b;
+}
+
+#dashtodockContainer #dash .dash-background {
+ background-color: #11111b;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(239, 241, 245, 0.3) !important;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #8caaee !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+ background-color: rgba(239, 241, 245, 0.3) !important;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+ background-color: #8caaee !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+#dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon {
+ color: rgba(239, 241, 245, 0.7);
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(239, 241, 245, 0.3);
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #8caaee;
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+ background-color: #11111b;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+ background-color: rgba(17, 17, 27, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+ background-color: rgba(239, 241, 245, 0.12);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
+ background-color: #11111b;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ transition-duration: 250ms;
+ background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+ border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+ border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+ padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+ width: 1px;
+ height: auto;
+ border-right-width: 1px;
+ margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+ border: 1px solid transparent;
+}
+
+.openweather-provider {
+ padding: 0 16px;
+ font-weight: 500;
+ border: 1px solid transparent;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+ background: none;
+ color: #eff1f5;
+}
+
+.openweather-current-databox-values {
+ background: none;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.openweather-current-databox-captions {
+ background: none;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+ background: none;
+ color: rgba(239, 241, 245, 0.7);
+}
+
+.openweather-forecast-day, .openweather-forecast-temperature {
+ background: none;
+ color: rgba(239, 241, 245, 0.5);
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+ color: rgba(239, 241, 245, 0.7);
+}
diff --git a/src/themes/Decay-Green/gnome-shell/no-events.svg b/src/themes/Decay-Green/gnome-shell/no-events.svg
new file mode 120000
index 00000000..d2fcad08
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/src/themes/Decay-Green/gnome-shell/no-notifications.svg b/src/themes/Decay-Green/gnome-shell/no-notifications.svg
new file mode 120000
index 00000000..175731c1
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/src/themes/Decay-Green/gnome-shell/pad-osd.css b/src/themes/Decay-Green/gnome-shell/pad-osd.css
new file mode 100644
index 00000000..31c23772
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/pad-osd.css
@@ -0,0 +1,30 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ font-size: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/src/themes/Decay-Green/gnome-shell/process-working.svg b/src/themes/Decay-Green/gnome-shell/process-working.svg
new file mode 120000
index 00000000..a6586c30
--- /dev/null
+++ b/src/themes/Decay-Green/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/src/themes/Decay-Green/gtk-2.0/apps.rc b/src/themes/Decay-Green/gtk-2.0/apps.rc
new file mode 100644
index 00000000..530e72fd
--- /dev/null
+++ b/src/themes/Decay-Green/gtk-2.0/apps.rc
@@ -0,0 +1,92 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g.
+# custom widgets, programs giving us a chance to alter their UI to fit more with
+# the theme or stuff that is supposed to look different, like panels.
+
+# TODO: This could really look nicer
+style "gimp_spin_scale" {
+ # Spin background
+ bg[NORMAL] = @base_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+ }
+}
+
+style "chrome_gtk_frame" {
+ ChromeGtkFrame::frame-color = @titlebar_bg_color
+ ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::frame-gradient-size = 0
+}
+
+# Disable spin button assets for GimpSpinScale
+class "GimpSpinScale" style "gimp_spin_scale"
+
+# Chromium lets us define some colours and settings for better integration
+class "ChromeGtkFrame" style "chrome_gtk_frame"
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/border.png b/src/themes/Decay-Green/gtk-2.0/assets/border.png
new file mode 100644
index 00000000..d6e23ef0
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/border.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/button-active.png b/src/themes/Decay-Green/gtk-2.0/assets/button-active.png
new file mode 100644
index 00000000..728090e5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/button-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/button-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/button-disabled.png
new file mode 100644
index 00000000..a750eaee
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/button-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/button-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/button-hover.png
new file mode 100644
index 00000000..16c2a0dd
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/button-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/button.png b/src/themes/Decay-Green/gtk-2.0/assets/button.png
new file mode 100644
index 00000000..5f271a17
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/button.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-active.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 00000000..22c62436
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-disabled.png
new file mode 100644
index 00000000..8c6a1d91
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 00000000..cbdf8872
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 00000000..1eed3ce3
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-checked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-active.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 00000000..04dd3095
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-disabled.png
new file mode 100644
index 00000000..8bd75ff9
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 00000000..bea5121f
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 00000000..415cc95e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-mixed.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-active.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 00000000..55f56d64
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-disabled.png
new file mode 100644
index 00000000..2c7f696e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 00000000..7fc0ee37
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked.png b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 00000000..1f82b98e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/checkbox-unchecked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-active.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-active.png
new file mode 100644
index 00000000..f9d0cf3c
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-disabled.png
new file mode 100644
index 00000000..c698f3a7
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-hover.png
new file mode 100644
index 00000000..1e2c91d5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry.png
new file mode 100644
index 00000000..a6239f5d
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-left-entry.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-active.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-active.png
new file mode 100644
index 00000000..5b5f8636
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-disabled.png
new file mode 100644
index 00000000..280362d8
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-hover.png
new file mode 100644
index 00000000..d34a87e3
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry.png b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry.png
new file mode 100644
index 00000000..9dd1f63a
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/combo-right-entry.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/entry-active.png b/src/themes/Decay-Green/gtk-2.0/assets/entry-active.png
new file mode 100644
index 00000000..cef88814
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/entry-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/entry-background-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/entry-background-disabled.png
new file mode 100644
index 00000000..ce14ba81
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/entry-background-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/entry-background.png b/src/themes/Decay-Green/gtk-2.0/assets/entry-background.png
new file mode 100644
index 00000000..fdf26ab3
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/entry-background.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/entry-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/entry-disabled.png
new file mode 100644
index 00000000..a750eaee
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/entry-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/entry-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/entry-hover.png
new file mode 100644
index 00000000..224e87ed
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/entry-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/entry.png b/src/themes/Decay-Green/gtk-2.0/assets/entry.png
new file mode 100644
index 00000000..5f271a17
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/entry.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/flat-button-active.png b/src/themes/Decay-Green/gtk-2.0/assets/flat-button-active.png
new file mode 100644
index 00000000..728090e5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/flat-button-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/flat-button-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/flat-button-disabled.png
new file mode 100644
index 00000000..7f287236
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/flat-button-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/flat-button-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/flat-button-hover.png
new file mode 100644
index 00000000..16c2a0dd
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/flat-button-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/flat-button.png b/src/themes/Decay-Green/gtk-2.0/assets/flat-button.png
new file mode 100644
index 00000000..7f287236
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/flat-button.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/focus.png b/src/themes/Decay-Green/gtk-2.0/assets/focus.png
new file mode 100644
index 00000000..f3a97f65
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/focus.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/frame-inline.png b/src/themes/Decay-Green/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 00000000..d2f09d8f
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/frame-inline.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/frame-notebook.png b/src/themes/Decay-Green/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 00000000..f617e4f5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/frame-notebook.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/frame.png b/src/themes/Decay-Green/gtk-2.0/assets/frame.png
new file mode 100644
index 00000000..f617e4f5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/frame.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/handle-horz-active.png b/src/themes/Decay-Green/gtk-2.0/assets/handle-horz-active.png
new file mode 100644
index 00000000..dc092fa9
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/handle-horz-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/handle-horz-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/handle-horz-hover.png
new file mode 100644
index 00000000..ad915d32
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/handle-horz-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/handle-horz.png b/src/themes/Decay-Green/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 00000000..92142fd5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/handle-horz.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/handle-vert-active.png b/src/themes/Decay-Green/gtk-2.0/assets/handle-vert-active.png
new file mode 100644
index 00000000..d7d2c6e8
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/handle-vert-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/handle-vert-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/handle-vert-hover.png
new file mode 100644
index 00000000..69d104bd
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/handle-vert-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/handle-vert.png b/src/themes/Decay-Green/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 00000000..8beda09b
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/handle-vert.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-checked-disabled.png
new file mode 100644
index 00000000..6f65655c
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-checked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-checked.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 00000000..baa448c0
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-checked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
new file mode 100644
index 00000000..ea54b688
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-mixed-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-mixed.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 00000000..46cb8b99
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-mixed.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
new file mode 100644
index 00000000..305af8e5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-unchecked.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-unchecked.png
new file mode 100644
index 00000000..171fa330
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-checkbox-unchecked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-checked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-checked-disabled.png
new file mode 100644
index 00000000..ac9da938
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-checked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-checked.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 00000000..37cf2f41
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-checked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-mixed-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-mixed-disabled.png
new file mode 100644
index 00000000..ea54b688
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-mixed-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-mixed.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 00000000..46cb8b99
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-mixed.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-unchecked-disabled.png
new file mode 100644
index 00000000..305af8e5
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-unchecked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-unchecked.png b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-unchecked.png
new file mode 100644
index 00000000..171fa330
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/menu-radio-unchecked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-down-alt-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-down-alt-disabled.png
new file mode 100644
index 00000000..b67a857a
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-down-alt-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-down-alt.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-down-alt.png
new file mode 100644
index 00000000..4cc7b012
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-down-alt.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-down-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-down-disabled.png
new file mode 100644
index 00000000..bb02e4fc
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-down-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-down.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-down.png
new file mode 100644
index 00000000..5f8fb654
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-down.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-left-alt-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-alt-disabled.png
new file mode 100644
index 00000000..e72c4619
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-alt-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-left-alt.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-alt.png
new file mode 100644
index 00000000..f00c9839
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-alt.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-left-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-disabled.png
new file mode 100644
index 00000000..22615874
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-left-semi.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 00000000..51c5b22f
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-left-semi.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-left.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-left.png
new file mode 100644
index 00000000..01b24987
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-left.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-right-alt-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-alt-disabled.png
new file mode 100644
index 00000000..58041f96
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-alt-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-right-alt.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-alt.png
new file mode 100644
index 00000000..11ead9ee
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-alt.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-right-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-disabled.png
new file mode 100644
index 00000000..633d232c
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-right-semi.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 00000000..9b77f103
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-right-semi.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-right.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-right.png
new file mode 100644
index 00000000..d6c41a82
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-right.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-up-alt-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-up-alt-disabled.png
new file mode 100644
index 00000000..54c8683f
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-up-alt-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-up-alt.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-up-alt.png
new file mode 100644
index 00000000..adf06e92
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-up-alt.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-up-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-up-disabled.png
new file mode 100644
index 00000000..538f8de0
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-up-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/pan-up.png b/src/themes/Decay-Green/gtk-2.0/assets/pan-up.png
new file mode 100644
index 00000000..3433ea88
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/pan-up.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/progressbar-progress.png b/src/themes/Decay-Green/gtk-2.0/assets/progressbar-progress.png
new file mode 100644
index 00000000..53f18178
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/progressbar-progress.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/progressbar-trough.png b/src/themes/Decay-Green/gtk-2.0/assets/progressbar-trough.png
new file mode 100644
index 00000000..0ab50012
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/progressbar-trough.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-active.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 00000000..49e96258
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-disabled.png
new file mode 100644
index 00000000..08a06566
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 00000000..483f8e44
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-checked.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 00000000..94f70f78
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-checked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-active.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 00000000..04dd3095
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-disabled.png
new file mode 100644
index 00000000..8bd75ff9
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 00000000..bea5121f
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 00000000..415cc95e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-mixed.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-active.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 00000000..55f56d64
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-disabled.png
new file mode 100644
index 00000000..2c7f696e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 00000000..7fc0ee37
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked.png b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 00000000..1f82b98e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/radio-unchecked.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough-active.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 00000000..6066ab14
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough-disabled.png
new file mode 100644
index 00000000..93b5c656
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 00000000..2c501d75
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-horz-trough.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-active.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 00000000..4abb5ff6
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-disabled.png
new file mode 100644
index 00000000..e5cc8c84
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 00000000..cf1fad28
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-slider.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 00000000..96345f61
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-slider.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough-active.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 00000000..59255416
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough-disabled.png
new file mode 100644
index 00000000..9d8ce02e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough.png b/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 00000000..932efdd4
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scale-vert-trough.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-active.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 00000000..687a7c3c
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
new file mode 100644
index 00000000..a1e9e277
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 00000000..0c5cb788
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 00000000..3e41a5e6
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-slider.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-trough.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 00000000..fa9c6bbf
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-horz-trough.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
new file mode 100644
index 00000000..5a131926
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
new file mode 100644
index 00000000..9e64c06d
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
new file mode 100644
index 00000000..ad030b96
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
new file mode 100644
index 00000000..88cafe70
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-slider.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
new file mode 100644
index 00000000..ce9338df
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
new file mode 100644
index 00000000..96134fa6
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
new file mode 100644
index 00000000..dc13df57
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
new file mode 100644
index 00000000..708dbe1b
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
new file mode 100644
index 00000000..ef81533e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-slider.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
new file mode 100644
index 00000000..f8bfd3ec
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-active.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 00000000..69bc0406
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-disabled.png
new file mode 100644
index 00000000..0b1d0a01
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 00000000..3a9168b3
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 00000000..bf60f8e1
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-down.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-active.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 00000000..b354f816
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-disabled.png
new file mode 100644
index 00000000..6ae4a44e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 00000000..09cc0bc3
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 00000000..f5ce4116
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-ltr-up.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-active.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 00000000..7a93a2ad
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-disabled.png
new file mode 100644
index 00000000..932ef70f
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 00000000..cf4b3dd3
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 00000000..f2d50ce7
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-down.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-active.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 00000000..66316678
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-disabled.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-disabled.png
new file mode 100644
index 00000000..463fd623
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-disabled.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 00000000..1d30d564
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up.png b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 00000000..2836fa3e
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/spin-rtl-up.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/tab.png b/src/themes/Decay-Green/gtk-2.0/assets/tab.png
new file mode 100644
index 00000000..64ef1adb
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/tab.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button-active.png b/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button-active.png
new file mode 100644
index 00000000..123a0d26
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button-hover.png
new file mode 100644
index 00000000..1dccc23f
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button.png b/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button.png
new file mode 100644
index 00000000..269e20ef
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/treeview-ltr-button.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button-active.png b/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button-active.png
new file mode 100644
index 00000000..68700949
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button-active.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button-hover.png b/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button-hover.png
new file mode 100644
index 00000000..edd00d99
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button-hover.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button.png b/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button.png
new file mode 100644
index 00000000..269e20ef
Binary files /dev/null and b/src/themes/Decay-Green/gtk-2.0/assets/treeview-rtl-button.png differ
diff --git a/src/themes/Decay-Green/gtk-2.0/gtkrc b/src/themes/Decay-Green/gtk-2.0/gtkrc
new file mode 100644
index 00000000..2657e49b
--- /dev/null
+++ b/src/themes/Decay-Green/gtk-2.0/gtkrc
@@ -0,0 +1,36 @@
+# Based on Bridge by ScionicSpectre and Adwaita by GNOME
+# vim:set ts=2 sw=2 sts=2 ai et:
+#
+# This is the GTK 2 version of Materia. It's whole purpose is to look as the
+# GTK 3 version as much as possible until GTK 2 dies completely.
+#
+# Note: comments for explaining styles are on the bottom of each file beside the
+# widget matches.
+
+# Declare the colours used throughout the theme.
+# There shouldn't be any fiddling with them in the theme files themselves in
+# order to not mess up the dark theme.
+
+# Text/base
+gtk-color-scheme = "text_color:#a5b6cf\nbase_color:#0d0f18"
+# Foreground/background
+gtk-color-scheme = "fg_color:#a5b6cf\nbg_color:#0d0f18"
+# Selected foreground/background
+gtk-color-scheme = "selected_fg_color:#8baff1\nselected_bg_color:#86aaec"
+# Titlebar foreground/background
+gtk-color-scheme = "titlebar_fg_color:#a5b6cf\ntitlebar_bg_color:#0d0d16"
+# Menus
+gtk-color-scheme = "menu_color:#0d0f18"
+# Tooltips foreground/background
+gtk-color-scheme = "tooltip_fg_color:#a5b6cf\ntooltip_bg_color:#464646"
+# Links
+gtk-color-scheme = "link_color:#8baff1\nvisited_link_color:#c296eb"
+
+# Set GTK settings
+gtk-auto-mnemonics = 1
+gtk-primary-button-warps-slider = 1
+
+# And hand over the control to the theme files
+include "main.rc"
+include "apps.rc"
+include "hacks.rc"
diff --git a/src/themes/Decay-Green/gtk-2.0/hacks.rc b/src/themes/Decay-Green/gtk-2.0/hacks.rc
new file mode 100644
index 00000000..c288da35
--- /dev/null
+++ b/src/themes/Decay-Green/gtk-2.0/hacks.rc
@@ -0,0 +1,36 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file contains horrible hacks to make this theme work with some programs
+# This is mostly due to the limitations of GTK 2 but sometimes its the fault of
+# the programs themselves. Not going to point fingers.
+#
+# Either way, it's a WONTFIX for both, hence this horrible file.
+
+style "toplevel_hack" {
+ engine "adwaita" {}
+}
+
+style "chrome_entry" {
+ base[NORMAL] = @base_color
+ base[INSENSITIVE] = @base_color
+}
+
+style "vim_notebook" {
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+}
+
+# Vim puts an eventbox between the tab and the label and colours it,
+# we need to handle that
+widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook"
+
+# (he)xchat input box
+class "SexySpellEntry" style:highest "normal_entry"
+
+# Chromium uses base as the fill colour of its own entries
+# This would be fine but GTK uses it to fill the surrounding space, so its set to bg
+# That results in Chromium using it for the fill, so we need to handle that
+widget_class "*Chrom*" style "chrome_entry"
+
+# Hack to be able to match widgets in LibreOffice
+class "GtkWindow" style "toplevel_hack"
diff --git a/src/themes/Decay-Green/gtk-2.0/main.rc b/src/themes/Decay-Green/gtk-2.0/main.rc
new file mode 100644
index 00000000..1597363e
--- /dev/null
+++ b/src/themes/Decay-Green/gtk-2.0/main.rc
@@ -0,0 +1,2708 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK 2 and 3 theme.
+
+style "default" {
+ xthickness = 1
+ ythickness = 1
+
+ ####################
+ # Style Properties #
+ ####################
+
+ GtkWidget::focus-padding = 0
+ GtkWidget::focus-line-width = 2
+ GtkWidget::focus-line-pattern = "\2\1"
+
+ GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins)
+ GtkToolbar::internal-padding = 2
+ GtkToolButton::icon-spacing = 4
+
+ GtkWidget::tooltip-radius = 4
+ GtkWidget::tooltip-alpha = 230
+ GtkWidget::new-tooltip-style = 1 #for compatibility
+
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @visited_link_color
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkHTML::vlink-color = @visited_link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+ GtkSeparatorMenuItem::wide-separators = 1
+ GtkSeparatorMenuItem::separator-height = 3
+
+ GtkButton::child-displacement-y = 0
+
+ GtkButton::default-border = {0, 0, 0, 0}
+ GtkButton::default-outside-border = {0, 0, 0, 0}
+ GtkButton::inner-border = {4, 4, 4, 4}
+
+ GtkEntry::state-hint = 1
+ GtkEntry::inner-border = {4, 4, 4, 4}
+
+ GtkPaned::handle-size = 8
+ GtkHPaned::handle-size = 8
+ GtkVPaned::handle-size = 8
+
+ GtkScrollbar::trough-border = 0
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 17
+ GtkRange::stepper-size = 0
+ GtkRange::activate-slider = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::stepper-size = 0
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins)
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkScale::slider_length = 24
+ GtkScale::slider_width = 24
+ GtkScale::trough-side-details = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 4
+ GtkProgressBar::min-vertical-bar-width = 4
+ GtkProgressBar::xspacing = 4
+ GtkProgressBar::yspacing = 4
+
+ GtkStatusbar::shadow_type = GTK_SHADOW_NONE
+ GtkSpinButton::shadow_type = GTK_SHADOW_NONE
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE
+ # TODO: find out what this comment means:
+ # ( every window is misaligned for the sake of menus ):
+ GtkMenuBar::internal-padding = 0
+ GtkMenu::horizontal-padding = 0
+ GtkMenu::vertical-padding = 4
+ GtkMenu::double-arrows = 0
+ GtkMenuItem::arrow-scaling = 1
+ GtkMenuItem::toggle-spacing = 12
+
+ GtkCheckButton::indicator-size = 24
+ GtkCheckButton::indicator_spacing = 2
+ GtkOptionMenu::indicator_spacing = {8, 8, 4, 4}
+
+ GtkTreeView::expander-size = 16
+ GtkTreeView::vertical-separator = 0
+ GtkTreeView::horizontal-separator = 4
+ GtkTreeView::allow-rules = 0
+ # Set this because some apps read it
+ GtkTreeView::odd-row-color = @base_color
+ GtkTreeView::even-row-color = @base_color
+
+ GtkExpander::expander-size = 16
+
+ GtkNotebook::tab-overlap = 0
+
+ ##########
+ # Colors #
+ ##########
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+ bg[ACTIVE] = @bg_color
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color)
+ fg[ACTIVE] = @fg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @text_color
+ text[INSENSITIVE] = mix (0.5, @text_color, @base_color)
+ text[ACTIVE] = @text_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = mix (0.08, @text_color, @base_color)
+ base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
+ base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
+
+ # For succinctness, all reasonable pixmap options remain here
+
+ # Draw frame around menu in a non-compositied environment
+ # This needs to go before pixmap because we need to override some stuff
+ engine "adwaita" {}
+
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/radio-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ ##########
+ # Arrows #
+ ##########
+
+ # Overrides
+
+ # Disable arrows in spinbuttons
+ image {
+ function = ARROW
+ detail = "spinbutton"
+ }
+
+ # Disable arrows for qt in scrollbars
+
+ image {
+ function = ARROW
+ detail = "vscrollbar"
+ }
+
+ image {
+ function = ARROW
+ detail = "hscrollbar"
+ }
+
+ # Menu arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/pan-left-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/pan-right-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/pan-up-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/pan-down-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ # Regular arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-left-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-left-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-right-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-right-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ ######################
+ # Option Menu Arrows #
+ ######################
+
+ image {
+ function = TAB
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #########
+ # Lines #
+ #########
+
+ image {
+ function = VLINE
+ file = "assets/border.png"
+ border = {1, 0, 0, 0}
+ }
+
+ image {
+ function = HLINE
+ file = "assets/border.png"
+ border = {0, 0, 1, 0}
+ }
+
+ #########
+ # Focus #
+ #########
+
+ image {
+ function = FOCUS
+ file = "assets/focus.png"
+ border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly...
+ stretch = TRUE
+ }
+
+ ###########
+ # Handles #
+ ###########
+
+ image {
+ function = HANDLE
+ detail = "handlebox"
+ overlay_file = "assets/handle-vert.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = HANDLE
+ state = NORMAL
+ overlay_file = "assets/handle-horz.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = PRELIGHT
+ overlay_file = "assets/handle-horz-hover.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = ACTIVE
+ overlay_file = "assets/handle-horz-active.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = NORMAL
+ overlay_file = "assets/handle-vert.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = HANDLE
+ state = PRELIGHT
+ overlay_file = "assets/handle-vert-hover.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = HANDLE
+ state = ACTIVE
+ overlay_file = "assets/handle-vert-active.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = RESIZE_GRIP
+ }
+
+ #############
+ # Expanders #
+ #############
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = NORMAL
+ file = "assets/pan-down-alt.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = PRELIGHT
+ file = "assets/pan-down.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = ACTIVE
+ file = "assets/pan-down.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = INSENSITIVE
+ file = "assets/pan-down-alt-disabled.png"
+ }
+
+ # LTR
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = NORMAL
+ file = "assets/pan-right-alt.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = PRELIGHT
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = ACTIVE
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = INSENSITIVE
+ file = "assets/pan-right-alt-disabled.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ # RTL
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = NORMAL
+ file = "assets/pan-left-alt.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = PRELIGHT
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = ACTIVE
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = INSENSITIVE
+ file = "assets/pan-left-alt-disabled.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ #############
+ # Notebooks #
+ #############
+
+ # Left
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 1, 0, 0}
+ stretch = TRUE
+ gap_side = RIGHT
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = RIGHT
+ }
+
+ # Right
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {1, 0, 0, 0}
+ stretch = TRUE
+ gap_side = LEFT
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = LEFT
+ }
+
+ # Up
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 0, 0, 1}
+ stretch = TRUE
+ gap_side = BOTTOM
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = BOTTOM
+ }
+
+ # Down
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 0, 1, 0}
+ stretch = TRUE
+ gap_side = TOP
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = TOP
+ }
+
+ # Inner frame
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {1, 0, 0, 0}
+ gap_side = LEFT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 1, 0, 0}
+ gap_side = RIGHT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 0, 1, 0}
+ gap_side = TOP
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 0, 0, 1}
+ gap_side = BOTTOM
+ }
+
+ # Standalone frame
+ image {
+ function = BOX
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-horz-trough.png"
+ border = {0, 0, 1, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-ltr-trough.png"
+ border = {1, 0, 0, 0}
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-rtl-trough.png"
+ border = {0, 1, 0, 0}
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ # Horizontal sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-hover.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-active.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-disabled.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ # Vertical sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-hover.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-active.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-disabled.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ # RTL
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-hover.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-active.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-disabled.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ ##########
+ # Scales #
+ ##########
+
+ # Troughs, overrided later on. We set them here too because some widgets
+ # don't specify their orientation.
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough-disabled.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-disabled.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough-disabled.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-disabled.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ # Sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "hscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "hscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "hscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "hscale"
+ file = "assets/scale-slider-disabled.png"
+ }
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "vscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "vscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "vscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "vscale"
+ file = "assets/scale-slider-disabled.png"
+ }
+
+ ###########
+ # Menubar #
+ ###########
+
+ image {
+ function = BOX
+ detail = "menubar"
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+
+ #########
+ # Menus #
+ #########
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_up"
+ file = "assets/border.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_up"
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_down"
+ file = "assets/border.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_down"
+ file = "assets/border.png"
+ border = {0, 0, 1, 0}
+ }
+
+ ###########
+ # Entries #
+ ###########
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = FLAT_BOX
+ state = ACTIVE
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ state = INSENSITIVE
+ detail = "entry_bg"
+ file = "assets/entry-background-disabled.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ #########
+ # Spins #
+ #########
+
+ # Spin-Up LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-hover.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-active.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-disabled.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Up RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-disabled.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ # Spin-Down LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-hover.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-active.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-disabled.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Down RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-hover.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-active.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-disabled.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-progress.png"
+ stretch = TRUE
+ border = {0, 0, 0, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-progress.png"
+ stretch = TRUE
+ border = {0, 0, 0, 0}
+ orientation = VERTICAL
+ }
+
+ #############
+ # Treeviews #
+ #############
+
+ # Disable active the column highlight
+ # We need to match specific cells or we break stuff
+ # Looking at you deadbeef
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_even_sorted"
+ state = NORMAL
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_odd_sorted"
+ state = NORMAL
+ }
+
+ # Disable all the other shadows
+ # This prevents the Raleigh effect
+ image {
+ function = SHADOW
+ }
+ }
+}
+
+style "menubar" {
+ bg[NORMAL] = @titlebar_bg_color
+ fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+ fg[PRELIGHT] = @titlebar_fg_color
+ fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+ bg[INSENSITIVE] = @bg_color
+ # Needed to fix Firefox's menubar text
+ bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+ fg[SELECTED] = @titlebar_fg_color
+}
+
+style "menubar_item" {
+ xthickness = 3
+ ythickness = 4
+
+ fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+ bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+ fg[PRELIGHT] = @titlebar_fg_color
+ fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+}
+
+style "menu" {
+ xthickness = 0
+ ythickness = 0
+
+ bg[NORMAL] = @menu_color
+ bg[INSENSITIVE] = @menu_color
+ bg[PRELIGHT] = @menu_color
+ bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
+}
+
+style "menu_item" {
+ xthickness = 4
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color)
+ fg[PRELIGHT] = @fg_color
+ # Chromium uses this setting
+ bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
+ text[SELECTED] = @fg_color
+ # Some widgets use text, we need to handle that
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+
+ # Unfortunately we can't tell regular and menu checks/radios apart
+ # Without the heirarchy
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+ }
+}
+
+style "separator_menu_item" {
+ xthickness = 0
+ ythickness = 2
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+ }
+}
+
+style "button_label" {
+ # fg[NORMAL] = mix(0.7, @fg_color, @bg_color)
+ # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+ font_name = "Medium"
+}
+
+style "normal_button_label" {
+ # fg[NORMAL] = @fg_color
+ # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color)
+
+ font_name = "Regular"
+}
+
+style "button" {
+ xthickness = 6
+ ythickness = 6
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ # Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/button.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/button-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "link_button" {
+ # Disable the button effect, leave just the link
+ engine "pixmap" {
+ image {
+ function = BOX
+ }
+ }
+}
+
+style "entry" {
+ base[NORMAL] = @bg_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ base[INSENSITIVE] = @bg_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
+
+ # We set this same as the border of the border of the entry
+ # This way there's no overlap
+ xthickness = 6
+ ythickness = 6
+}
+
+style "combobox" {
+ xthickness = 6
+ ythickness = 6
+
+ # This affects only the button beside an entry
+ GtkButton::inner-border = {0, 0, 0, 0}
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ # Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/entry-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "combobox_cellview" {
+ # text[NORMAL] = mix(0.7, @fg_color, @bg_color)
+ # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+}
+
+style "combobox_entry" {
+ # Since one side of the button is missing, we need to shift the arrow a little to the right
+ GtkButton::inner-border = {0, 2, 0, 0}
+
+ base[NORMAL] = @base_color
+ base[ACTIVE] = @base_color
+
+ engine "pixmap" {
+
+ #############
+ # LTR entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-left-entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-left-entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-left-entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ #############
+ # RTL entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-right-entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-right-entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-right-entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ ##############
+ # LTR button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-right-entry.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-right-entry-hover.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-right-entry-active.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-right-entry-disabled.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ ##############
+ # RTL button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-left-entry.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-left-entry-hover.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-left-entry-active.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-left-entry-disabled.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+ }
+}
+
+style "combo_button_padding" {
+ # Since one side of the button is missing, we need to shift the arrow a
+ # little to the right.
+ # This is the same thing we've done above but the combo, unlike the combobox,
+ # uses padding the same way as a button.
+ GtkButton::inner-border = {3, 6, 3, 3}
+}
+
+style "notebook" {
+ xthickness = 3
+ ythickness = 3
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_tab_label" {
+ fg[ACTIVE] = mix(0.7, @fg_color, @bg_color)
+
+ font_name = "Medium"
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+ bg[NORMAL] = @base_color
+ bg[PRELIGHT] = @base_color
+ bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+ base[NORMAL] = @base_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
+ base[INSENSITIVE] = @base_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
+}
+
+style "normal_bg" {
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[INSENSITIVE] = @bg_color
+}
+
+style "normal_entry" {
+ base[NORMAL] = @bg_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ base[INSENSITIVE] = @bg_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
+}
+
+style "textview" {
+ bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ }
+ }
+}
+
+style "scale_vert" {
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "progressbar" {
+ xthickness = 0
+ ythickness = 0
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-trough.png"
+ border = {0, 0, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-trough.png"
+ border = {0, 0, 0, 0}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+ }
+}
+
+style "treeview_header" {
+ xthickness = 2
+ ythickness = 2
+
+ fg[NORMAL] = mix(0.7, @fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+
+ font_name = "Medium"
+
+ GtkButton::inner-border = {4, 4, 0, 2}
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/treeview-ltr-button.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/treeview-ltr-button-hover.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/treeview-ltr-button-active.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/treeview-rtl-button.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/treeview-rtl-button-hover.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/treeview-rtl-button-active.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+ }
+}
+
+style "scrolled_window" {
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+ }
+}
+
+style "frame" {
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ shadow = NONE
+ }
+
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW_GAP
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_start_file = "assets/border.png"
+ gap_end_file = "assets/border.png"
+ }
+ }
+}
+
+style "tool_button" {
+ GtkButton::inner-border = {2, 2, 2, 2}
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/flat-button.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/flat-button-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/flat-button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/flat-button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ shadow = OUT
+ file = "assets/flat-button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ shadow = IN
+ file = "assets/button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "toolbar_separator" {
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 1
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/border.png"
+ }
+ }
+}
+
+style "inline_toolbar" {
+ # GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+ bg[NORMAL] = @base_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/frame-inline.png"
+ border = {1, 1, 0, 1}
+ stretch = TRUE
+ }
+ }
+}
+
+style "tooltip" {
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+ bg[SELECTED] = @tooltip_bg_color
+}
+
+style "disable_text_shadow" {
+ engine "murrine" {
+ textstyle = 0
+ }
+}
+
+style "disable_separator" {
+ xthickness = 0
+ ythickness = 0
+
+ GtkWidget::wide-separators = 1
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+######################################
+# Override padding, style and colour #
+######################################
+
+class "GtkButton" style "button"
+class "GtkLinkButton" style "link_button"
+class "GtkEntry" style "entry"
+class "GtkOldEditable" style "entry"
+class "GtkNotebook" style "notebook"
+class "GtkHScale" style "scale_horz"
+class "GtkVScale" style "scale_vert"
+class "GtkProgressBar" style "progressbar"
+class "GtkScrolledWindow" style "scrolled_window"
+class "GtkFrame" style "frame"
+class "GtkSeparatorToolItem" style "toolbar_separator"
+class "GtkMenuBar" style "menubar"
+class "GtkMenu" style "menu"
+class "GtkTextView" style "textview"
+
+# Menu and menubar items
+widget_class "**" style "menu_item"
+widget_class "*.*" style "menubar_item"
+widget_class "**" style "separator_menu_item"
+
+# Treeview buttons
+widget_class "***" style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "**" style "inline_toolbar"
+
+# Fix padding on regular comboboxes
+widget_class "*." style "combobox"
+widget_class "*" style "combobox"
+
+# And disable separators on them
+widget_class "*.*